<script language="javascript" type="text/javascript" src="jquery-1.4.2.js"></script>
<script language="javascript" type="text/javascript" src="jquery.ztree-2.6.js"></script>
<link rel="stylesheet" type="text/css" href="zTreeStyle.css" />
<ul id="tree" class="tree" style="width:300px; overflow:auto;"></ul>
<input id="kk" type="button" value="获取节点值" onclick="ff()"/><br>
<input id="cch" type="button" value="改变树" onclick="cch()"/><br>
<textarea id="ta" cols="30" rows="5"></textarea>
<script language="javascript" type="text/javascript">
//alert($("kk").val());
var setting = {
// showLine: true,
checkable: true,
checkStyle:"checkbox",
nameCol : "ename",//不写,默认name
//nodesCol : "child",//不写,默认nodes
isSimpleData : true,
rootPID : -1,
treeNodeKey : "id",
treeNodeParentKey : "pId"
};
var zTreeNodes = [
{"id":1, "ename":"全国", "nodes":[
{"id":11, "ename":"北京大区", "nodes":[
{"id":111, "ename":"北京中心"}
]},
{"id":12, "ename":"上海大区"}
]}
];
var zTreeNodes2 = [
{"id":1, "pId":0, "ename":"全国"},
{"id":11, "pId":1, "ename":"河北大区 ",click :"ff2('11')"},
{"id":12, "pId":1, "ename":"山东大区",click : "ff2('12')" },
{"id":111, "pId":11, "ename":"石家庄中心",click : "ff2('111')" }
];
var zTree = $("#tree").zTree(setting, zTreeNodes2);
function ff2(nn){
alert(nn);
}
function cch(){
var zTree = $("#tree").zTree(setting, zTreeNodes);
}
</script>
分享到:
相关推荐
jQuery tree树,里面有两个树的例子
JQuery Tree例子里面包含了JQuery库JQuery Tree例子里面包含了JQuery库JQuery Tree例子里面包含了JQuery库JQuery Tree例子里面包含了JQuery库JQuery Tree例子里面包含了JQuery库
jqueryTree 例子
jquery 实例 目录树 menu tree jquery 实例 目录树 menu tree
一个很好用的jquery tree插件,用了感觉还不错,制作分类tree很方便
jquerytree async 异步处理,刚好需要用,看了github的jquerytree文档做了一个demo做mark,顺带分享出来。
快速上手Jquery树形菜单 jquery树形菜单例子 树形菜单 jquery jquery插件
jquery tree样式多样
jqury 文件树jquery.fileTree效果很好
我已经在我的项目中使用这个例子 很好学也很好使用,一种插件的形式
一个精简的jquery生成tree例子 ,简单好用一目了然
JQuery实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树
使用jstree实现的动态树支持大数据量
基于jqueryui1.9.1改造的旧版的导航树,支持cookie记录上次查看定位功能。
Jquery高效的对Tree操作 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树),用于选择(如...
基于Jquery的JSTree实例,此笔记为学习笔记
50个Jquery经典实例50个Jquery经典实例
jquery 实例jquery 实例jquery 实例jquery 实例jquery 实例jquery 实例
jquery tree插件 运用方法
jquery经典实例60例-动画实例 jquery经典实例60例-动画实例 jquery经典实例60例-动画实例