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查看html源文件
Nov 08 Javascript
Json对象替换字符串占位符实现代码
Nov 17 Javascript
jquery实现网站超链接和图片提示效果
Mar 21 Javascript
js实现按钮加背景图片常用方法
Nov 01 Javascript
用户代理字符串userAgent可实现的四个识别
Sep 20 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
利用node.js本地搭建HTTP服务器
Apr 19 Javascript
jQuery正则验证注册页面经典实例
Jun 10 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 Javascript
Vue.js原理分析之nextTick实现详解
Sep 07 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
精致的人儿就要挑杯子喝咖啡
2021/03/03 冲泡冲煮
php检查日期函数checkdate用法实例
2015/03/19 PHP
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
js的onload事件及初始化按钮事件示例代码
2013/09/25 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
JavaScript提高性能知识点汇总
2016/01/15 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
微信小程序图片横向左右滑动案例
2017/05/19 Javascript
react路由配置方式详解
2017/08/07 Javascript
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
2019/11/15 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
[02:46]完美世界DOTA2联赛PWL DAY4集锦
2020/11/03 DOTA
python+PyQT实现系统桌面时钟
2020/06/16 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
Django之PopUp的具体实现方法
2019/08/31 Python
python输出pdf文档的实例
2020/02/13 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
使用py-spy解决scrapy卡死的问题方法
2020/09/29 Python
打架检讨书100字
2014/01/08 职场文书
《和我们一样享受春天》教学反思
2014/02/07 职场文书
奉献演讲稿范文
2014/05/21 职场文书
七一慰问简报
2015/07/20 职场文书
运动会宣传稿100字
2015/07/23 职场文书
九九重阳节致辞
2015/07/31 职场文书
Go 语言中 20 个占位符的整理
2021/10/16 Golang
PO模式在selenium自动化测试框架的优势
2022/03/20 Python
Oracle锁表解决方法的详细记录
2022/06/05 Oracle