知识大全 JQuery写动态树示例代码

Posted 2022-07-20 知

篇首语：常识很少会把我们引入歧途。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JQuery写动态树示例代码相关的知识，希望对你有一定的参考价值。

JQuery写动态树示例代码 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

本文为大家介绍下使用JQuery写的动态树具体实现如下感兴趣的朋友可以学习下复制代码代码如下: // 业务类型树 var settingOther = edit: enable: false // 异步加载树 async: enable: true url:"initCoagencyTree action" 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== ) parent document getElementById("coagencyId") value=treeNode id; parent document getElementById("parentId") value=treeNode pId; parent document getElementById("name") value=treeNode name; $("#coagencyId") attr("value" treeNode id); $("#parentId") attr("value" treeNode pId); else // 取消选中把值置空 $("#coagencyId") attr("value" null); $("#parentId") attr("value" null); return (treeNode click != false); // 鼠标解除节点的方法 function onClick(event treeId treeNode clickFlag) // 默认执行的方法显示节点的详细信息 parent showCoagencyDetail(); // 异步加载需要是函数 function filter(treeId parentNode childNodes) if (!childNodes) return null; for (var i= ; i<childNodes length; i++) childNodes[i] name = childNodes[i] name replace(/\\ n/g ); return childNodes; // 异步加载需要是函数 function beforeAsync(treeId treeNode) return treeNode ? treeNode level < : true; // 初始化树 $(document) ready(function() $ fn zTree init($("#coagencyTree") settingOther); ); </SCRIPT> <! 树节点id > <s:hidden name=coagencyForm coagencyId id="coagencyId"/> <! 树节点父id > <s:hidden name=coagencyForm parentId id="parentId"/> <div > <ul id="coagencyTree" ></ul> </div> cha138/Article/program/Java/JSP/201311/20560