JQuery写动态树示例代码


Posted in Javascript onJuly 31, 2013
// 业务类型树 
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==1){ 
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=0; i<childNodes.length; i++) { 
childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.'); 
} 
return childNodes; 
} 
// 异步加载需要是函数 
function beforeAsync(treeId, treeNode) { 
return treeNode ? treeNode.level < 5 : 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 class="zTreeDemoBackground left"> 
<ul id="coagencyTree" class="ztree" style="height: 640px"></ul> 
</div>
Javascript 相关文章推荐
JavaScript 动态生成方法的例子
Jul 22 Javascript
javascript full screen 全屏显示页面元素的方法
Sep 27 Javascript
js获取事件源及触发该事件的对象
Oct 24 Javascript
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
js检测iframe是否加载完成的方法
Nov 26 Javascript
jQuery判断checkbox选中状态
May 12 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
推荐10款扩展Web表单的JS插件
Dec 25 Javascript
VUE实现强制渲染,强制更新
Oct 29 Javascript
HTML长文本截取含有HTML代码同样适用的两种方法
Jul 31 #Javascript
JS的千分位算法实现思路
Jul 31 #Javascript
一个JS的日期格式化算法示例
Jul 31 #Javascript
jquery实现div拖拽宽度示例代码
Jul 31 #Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 #Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 #Javascript
禁用页面部分JavaScript方法的具体实现
Jul 31 #Javascript
You might like
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
php数字运算验证码的实现代码
2015/07/30 PHP
详解PHP中的状态模式编程
2015/08/11 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
图片无缝滚动代码(向左/向下/向上)
2013/04/10 Javascript
Jquery对象和Dom对象的区别分析
2014/11/20 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
2015/03/13 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
详解如何在vue项目中使用eslint+prettier格式化代码
2018/11/10 Javascript
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
python+numpy实现的基本矩阵操作示例
2019/07/19 Python
python实现一个函数版的名片管理系统过程解析
2019/08/27 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
python求解汉诺塔游戏
2020/07/09 Python
Python实现LR1文法的完整实例代码
2020/10/25 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
简历中求职的个人自我评价
2013/12/03 职场文书
商务会议邀请函
2014/01/09 职场文书
我的画教学反思
2014/04/28 职场文书
2014年双拥工作总结
2014/11/21 职场文书
学校隐患排查制度
2015/08/05 职场文书
2019年新郎保证书3篇
2019/10/17 职场文书
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android