javascript

位置:IT落伍者 >> javascript >> 浏览文章

JQuery写动态树示例代码


发布日期:2020年12月28日
 
JQuery写动态树示例代码
本文为大家介绍下使用JQuery写的动态树具体实现如下感兴趣的朋友可以学习下复制代码 代码如下:
// 业务类型树
var settingOther = {
edit: {
enable: false
}
// 异步加载树
async: {
enable: true
url:"initCoagencyTreeaction"
autoParam:["id" "name=n"]
otherParam:{"otherParam":"zTreeAsyncTest"}
dataFilter: filter
}
// 简单数据格式
data: {
simpleData: {
enable: true
}
}
// 回调函数
callback: {
beforeClick: beforeClick
onClick: onClick
}
};
// 鼠标事件
function beforeClick(treeId treeNode clickFlag) {
// 普通选中
if(clickFlag==){
parentdocumentgetElementById("coagencyId")value=treeNodeid;
parentdocumentgetElementById("parentId")value=treeNodepId;
parentdocumentgetElementById("name")value=treeNodename;
$("#coagencyId")attr("value"treeNodeid);
$("#parentId")attr("value"treeNodepId);
}else{
// 取消选中 把值置空
$("#coagencyId")attr("value"null);
$("#parentId")attr("value"null);
}
return (treeNodeclick != false);
}
// 鼠标解除节点的方法
function onClick(event treeId treeNode clickFlag) {
// 默认执行的方法 显示节点的详细信息
parentshowCoagencyDetail();
}
// 异步加载需要是函数
function filter(treeId parentNode childNodes) {
if (!childNodes) return null;
for (var i=; i<childNodeslength; i++) {
childNodes[i]name = childNodes[i]namereplace(/\n/g );
}
return childNodes;
}
// 异步加载需要是函数
function beforeAsync(treeId treeNode) {
return treeNode ? treeNodelevel < : true;
}
// 初始化树
$(document)ready(function(){
$fnzTreeinit($("#coagencyTree")settingOther);
});
</SCRIPT>
<! 树节点id >
<s:hidden name="coagencyFormcoagencyId" id="coagencyId"/>
<! 树节点 父id >
<s:hidden name="coagencyFormparentId" id="parentId"/>
<div class="zTreeDemoBackground left">
<ul id="coagencyTree" class="ztree" style="height: px"></ul>
</div>               

上一篇:js函数setTimeout延迟执行的简单介绍

下一篇:js复制到剪切板的实例方法