<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的每个节点后添加了一个复选框和下拉菜单,这在数据展示和操作上提供了更多交互性。 在描述中,提到了"组合功能演示-radio_checkbox_mulitselect 共存节点",这...
本项目“ztree穿梭框.zip”是将zTree应用在穿梭框(Transfer)功能上,提供了一种直观且易于操作的方式,让用户可以方便地在两个树形列表之间转移数据。 首先,我们来详细了解一下zTree的核心知识点: 1. **zTree...
1. **配置zTree的多选功能**:在zTree的初始化配置中,需设置`check.enable = true`以启用复选框功能。此外,`check.chkStyle`属性通常设置为"checkbox",表示使用标准的复选框样式。同时,还可以通过`check....
2. **Checkbox(复选)功能**:复选功能允许用户选择多个节点,类似于多选框。在需要用户进行多项选择的情况下,如权限分配、兴趣选择等,复选功能非常实用。 **三、Radio/Checkbox 共存** 在 zTree 3.5 的 `demo\...
### 隐藏LayUI数据表格表头的Checkbox复选框方法详解 #### 背景介绍 在前端开发过程中,经常会使用到LayUI框架搭建网页应用,尤其是在设计复杂的数据展示界面时,LayUI提供了强大的数据表格功能。然而,在某些场景...
在本项目中,我们关注的是ZTree的一个特定实现,即带有复选框的树形结构,用户可以通过右键菜单对节点进行增加、修改和删除操作,并且这些操作能够实时与后台服务器进行交互。 一、ZTree简介 ZTree是一个基于...
自定义复选下拉框-文本框同步显示--自动显示文字.rp RP文件实现自动义复选框
这个项目的核心目标是构建一个可复选的权限树形结构,用户通过勾选节点来赋予或管理角色的权限。 **ZTree** 是一个基于JavaScript的树形插件,常用于网站的目录展示、导航菜单等场景。在本项目中,ZTree被用来创建...
【jsp+js带单选复选框的动态树】是一个基于Java Server Pages(JSP)和JavaScript技术实现的交互式树形结构,通常用于展示层级关系的数据,如组织架构、文件目录等。在这个应用场景中,用户可以进行选择操作,通过...
ztree树形下拉框,复选框可选择,需要的下载。永久免费,不要积分(有两个例子,一个好的,另一个有bug,不想改了)。 http://localhost:8000/springBoot/ztree1(好的) http://localhost:8000/springBoot/ztree2...
ZTree是一款基于JavaScript的富树形插件,它能够帮助开发者轻松地在网页上实现交互式的目录树展示。本教程将详细介绍如何使用ZTree来实现动态加载的目录树,并涉及JavaScript和Java代码的具体实现方式。 首先,我们...
zTree 将核心代码按照不同功能模块进行分割,可以根据实际需求选择性加载必要的脚本文件,例如仅需基本功能时仅加载 `jquery.ztree.core-3.5.js` 文件,而如果还需要复选框功能,则再加载 `jquery.ztree.excheck-3.5...
在本示例中,"Ztree demo" 提供了一个演示,展示了如何在ZTree中实现取消选择、复选框(checkbox)功能以及全选和取消全选的操作。这些功能在数据管理、目录浏览或者权限控制等场景中非常实用。 ZTree的核心在于其...
2. 初始化zTree:使用`$(selector).zTree(options)`进行初始化,其中`options`包含配置项,如节点的展开方式、是否启用复选框等。 3. 事件绑定:利用zTree的事件处理机制,如`onCheck`事件,来响应用户对复选框的...
用户可以勾选节点前面的复选框来选择或取消选择节点。此外,ZTree还支持全选、反选以及级联选择等操作。开发者可以通过API获取已选择的节点数据,方便在其他业务逻辑中使用这些数据。在处理多选时,需要特别注意的是...
总的来说,这个示例展示了如何在Vue中结合ZTree插件创建一个带复选框的树形菜单。通过配置`setting`和提供`zNodes`数据,我们可以灵活地控制树的显示和交互行为。同时,也可以通过监听ZTree提供的事件,如`onCheck`...
Bootstrap 树形复选框指的是使用 Bootstrap 框架创建的树形菜单带复选框,而 Bootstrap treeview复选框则是指使用 Bootstrap Treeview 插件创建的树形菜单带复选框。 部分内容解释 该部分内容展示了 Bootstrap ...
《ZTree.js——Web端树形结构操作与复选框功能详解》 在现代Web开发中,树形结构数据的展示和操作是一项常见的需求,例如目录层级、组织架构或者权限管理等。ZTree.js就是这样一款专门用于Web端实现树形结构的...
zTree的核心功能、复选框功能和隐藏节点功能可以灵活结合使用,例如在权限管理中,可以根据用户角色权限隐藏部分节点,同时提供复选框进行多选操作。在文件管理系统中,可利用动态加载和隐藏功能,展现层级清晰的...