`

ztree复选框

 
阅读更多
<script type="text/javascript">
var setting = {
check: {
enable: true,
chkboxType : { "Y" : "", "N" : "" }
},
data: { 
           simpleData: { 
               enable: true,//如果设置为 true,请务必设置 setting.data.simpleData 内的其他参数: idKey / pIdKey / rootPId,并且让数据满足父子关系。 
           } 
       },
async: {
enable: true,
type: "post",
contentType: "application/json",
url:getAsyncUrl,
dataType:"json"
},
    callback: {
   onClick: zTreeOnClick
   }
};


function getAsyncUrl(treeId, treeNode) {
var nodeid=encodeURIComponent(treeNode.id);
var siteid=treeNode.siteid;
var url='<%=path%>/datacheck/asset/getTreeNodes?siteid='+siteid+'&nodeid='+nodeid;
    return url;
};

function zTreeOnClick(event, treeId, treeNode) {
    var url='<%=path%>/datacheck/asset/getChildAssetList?pId='+treeNode.id+'&siteid='+treeNode.siteid;
$("#childnodes").load(url);
};    
$(document).ready(function(){
$.ajax({
  type: 'POST',
  url: "<%=path%>/datacheck/asset/getTreeNodes",
  dataType: "json",//返回json格式的数据
  success: function(zNodes){
  $.fn.zTree.init($("#changeleveltree"), setting,zNodes);
  }
});

var url='<%=path%>/datacheck/asset/getChildAssetList?pId='+$("#parent").val()+'&siteid='+$("#siteid").val();
$("#childnodes").load(url);
});

//获取选中的树节点
function getCheckNodes(){
var treeObj = $.fn.zTree.getZTreeObj("changeleveltree");
var nodes = treeObj.getCheckedNodes(true);
if(nodes.length==0){
alert('没有选中任何节点');
return false;
}else if(nodes.length>1){
alert('只能选择一个节点作为上级节点');
return false;
}
var url = '<%=path%>/datacheck/asset/changeParentNode';
$.ajax({
   type: "POST",
   url: url,
   data: {'siteid': $("#siteid").val(), 'assetNum': $("#assetNum").val(), 'parent':nodes[0].id},
   success: function(msg){
   $(window.parent.document).contents().find("#assetTreeFrame")[0].contentWindow.rereshNode(nodes[0].id);
   $(window.parent.document).contents().find("#assetTreeFrame")[0].contentWindow.rereshParentNode($("#assetNum").val());
   },
   error: function(msg){
      alert("修改失败,请联系管理员");
   },
   dataType: 'text'
});
$(".close").click();
}
</SCRIPT>
分享到:
评论

相关推荐

    ztree节点后面复选下拉框

    在标题中提到的"ztree节点后面复选下拉框"是指在ZTree的每个节点后添加了一个复选框和下拉菜单,这在数据展示和操作上提供了更多交互性。 在描述中,提到了"组合功能演示-radio_checkbox_mulitselect 共存节点",这...

    ztree穿梭框.zip

    本项目“ztree穿梭框.zip”是将zTree应用在穿梭框(Transfer)功能上,提供了一种直观且易于操作的方式,让用户可以方便地在两个树形列表之间转移数据。 首先,我们来详细了解一下zTree的核心知识点: 1. **zTree...

    zTree实现多选下拉框

    1. **配置zTree的多选功能**:在zTree的初始化配置中,需设置`check.enable = true`以启用复选框功能。此外,`check.chkStyle`属性通常设置为"checkbox",表示使用标准的复选框样式。同时,还可以通过`check....

    zTree 3.5 radio/checkbox自定义树形

    2. **Checkbox(复选)功能**:复选功能允许用户选择多个节点,类似于多选框。在需要用户进行多项选择的情况下,如权限分配、兴趣选择等,复选功能非常实用。 **三、Radio/Checkbox 共存** 在 zTree 3.5 的 `demo\...

    隐藏layui数据表格表头的checkbox复选框

    ### 隐藏LayUI数据表格表头的Checkbox复选框方法详解 #### 背景介绍 在前端开发过程中,经常会使用到LayUI框架搭建网页应用,尤其是在设计复杂的数据展示界面时,LayUI提供了强大的数据表格功能。然而,在某些场景...

    ztree树,带复选框,右键增加,修改,删除节点可连接后台。

    在本项目中,我们关注的是ZTree的一个特定实现,即带有复选框的树形结构,用户可以通过右键菜单对节点进行增加、修改和删除操作,并且这些操作能够实时与后台服务器进行交互。 一、ZTree简介 ZTree是一个基于...

    自定义复选框 RP文件

    自定义复选下拉框-文本框同步显示--自动显示文字.rp RP文件实现自动义复选框

    ZTree+Struts2+ajax+json实现checkbox权限树

    这个项目的核心目标是构建一个可复选的权限树形结构,用户通过勾选节点来赋予或管理角色的权限。 **ZTree** 是一个基于JavaScript的树形插件,常用于网站的目录展示、导航菜单等场景。在本项目中,ZTree被用来创建...

    jsp+js带单选复选框的动态树

    【jsp+js带单选复选框的动态树】是一个基于Java Server Pages(JSP)和JavaScript技术实现的交互式树形结构,通常用于展示层级关系的数据,如组织架构、文件目录等。在这个应用场景中,用户可以进行选择操作,通过...

    ztree树下拉框demo

    ztree树形下拉框,复选框可选择,需要的下载。永久免费,不要积分(有两个例子,一个好的,另一个有bug,不想改了)。 http://localhost:8000/springBoot/ztree1(好的) http://localhost:8000/springBoot/ztree2...

    ztree实现目录树

    ZTree是一款基于JavaScript的富树形插件,它能够帮助开发者轻松地在网页上实现交互式的目录树展示。本教程将详细介绍如何使用ZTree来实现动态加载的目录树,并涉及JavaScript和Java代码的具体实现方式。 首先,我们...

    ztree框架详解

    zTree 将核心代码按照不同功能模块进行分割,可以根据实际需求选择性加载必要的脚本文件,例如仅需基本功能时仅加载 `jquery.ztree.core-3.5.js` 文件,而如果还需要复选框功能,则再加载 `jquery.ztree.excheck-3.5...

    Ztree demo

    在本示例中,"Ztree demo" 提供了一个演示,展示了如何在ZTree中实现取消选择、复选框(checkbox)功能以及全选和取消全选的操作。这些功能在数据管理、目录浏览或者权限控制等场景中非常实用。 ZTree的核心在于其...

    下拉树形复选框

    2. 初始化zTree:使用`$(selector).zTree(options)`进行初始化,其中`options`包含配置项,如节点的展开方式、是否启用复选框等。 3. 事件绑定:利用zTree的事件处理机制,如`onCheck`事件,来响应用户对复选框的...

    带搜索框和带多选框的ztree

    用户可以勾选节点前面的复选框来选择或取消选择节点。此外,ZTree还支持全选、反选以及级联选择等操作。开发者可以通过API获取已选择的节点数据,方便在其他业务逻辑中使用这些数据。在处理多选时,需要特别注意的是...

    vue实现带复选框的树形菜单

    总的来说,这个示例展示了如何在Vue中结合ZTree插件创建一个带复选框的树形菜单。通过配置`setting`和提供`zNodes`数据,我们可以灵活地控制树的显示和交互行为。同时,也可以通过监听ZTree提供的事件,如`onCheck`...

    bootstrap treeview 树形菜单带复选框及级联选择功能

    Bootstrap 树形复选框指的是使用 Bootstrap 框架创建的树形菜单带复选框,而 Bootstrap treeview复选框则是指使用 Bootstrap Treeview 插件创建的树形菜单带复选框。 部分内容解释 该部分内容展示了 Bootstrap ...

    ZTree.js.rar

    《ZTree.js——Web端树形结构操作与复选框功能详解》 在现代Web开发中,树形结构数据的展示和操作是一项常见的需求,例如目录层级、组织架构或者权限管理等。ZTree.js就是这样一款专门用于Web端实现树形结构的...

    ztree全包 core +check + exhide

    zTree的核心功能、复选框功能和隐藏节点功能可以灵活结合使用,例如在权限管理中,可以根据用户角色权限隐藏部分节点,同时提供复选框进行多选操作。在文件管理系统中,可利用动态加载和隐藏功能,展现层级清晰的...

Global site tag (gtag.js) - Google Analytics