ztree 例子

最新推荐文章于 2024-01-25 12:00:00 发布

原创最新推荐文章于 2024-01-25 12:00:00 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery ztree

JAVA 同时被 3 个专栏收录

7 篇文章

订阅专栏

JQuery

4 篇文章

订阅专栏

JavaScript

2 篇文章

订阅专栏

本文介绍了一种基于JavaScript的树形控件zTree的配置方法及使用技巧。通过具体的代码示例，展示了如何设置视图样式、启用异步加载、定义回调函数等关键功能。此外还提供了一个简单的HTML结构用于展示树形菜单。

var setting = {
					view: {
					showIcon: showIconForTree,
					showLine: false
				},
				async: {
					enable: true,
					url:"./getMenuUserTree.action",
					autoParam:["id"],
					otherParam:{"otherParam":"zTreeAsyncTest"},
					dataFilter: filter
				},
				callback: {
					onClick: zTreeOnClick
				}
							
			};

			function filter(treeId, parentNode, childNodes) {
				if (!childNodes) return null;
				for (var i=0, l=childNodes.length; i<l; i++) {
					childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
				}
				return childNodes;
			}
			function showIconForTree(treeId, treeNode) {
				return !treeNode.isParent;
			};
			function zTreeOnClick(event, treeId, treeNode) {
				aa(treeNode.id);
			   // alert(+ ", " + treeNode.name);
			};
						
			$(document).ready(function(){
				$.fn.zTree.init($("#treeDemo"), setting);
			});