最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JQuery ZTree使用方法详解
时间：2017-01-07 编辑：简简单单 来源：一聚教程网
JQuery ZTree简单使用
@(JavaScript)[jQuery, ztree, 入门]
基本概述
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发，尤其是 树状菜单、树状数据的Web显示、权限管理等等。
zTree 是开源免费的软件（MIT 许可证）。在开源的作用下，zTree 越来越完善，目前已经拥有了不少粉丝，并且今后还会推出更多的 zTree 扩展功能库，让 zTree 更加强大。 ——参考《百度百科》
官网：zTree官网
PS：zTree的官方API文档和demo挺详细的，值得一读。
案例
使用标准json数据构造ztree
| 代码如下 | 复制代码 |
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
$(function(){
$("#btn").click(function() {
var isExists = $("#et").tabs("exists", "标题");
if(isExists) {
$("#et").tabs("select","标题");
} else {
$("#et").tabs("add", {
title:"标题",
closable:true,
iconCls:"icon-save",
content:"<iframeframeborder='no'height='100%'width='100%'src='3-tabs.jsp'>"
});
}
});
});
$(function() {
var setting = {};
var zNodes = [
{name:'结点1',children:[
{name:'结点11'},
{name:'结点12'}
]},
{name:'结点2'},
{name:'结点3'}
];
$.fn.zTree.init($("#ztree1"), setting, zNodes);
});
| |