【ztree】ztree例子

<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.ztree.core-3.0.js"></script>
<link type="text/css" rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" />
<ul id="tree" class="ztree"></ul>
$(document).ready(function(){
    var Index = {
        init:function(){
            var setting = {
                treeId:‘tree‘
            };
            var data = [
                {id:1, pId:0, name: "父节点1"},
                {id:11, pId:1, name: "子节点1"},
                {id:12, pId:1, name: "子节点2"}
            ];
            var zTree = $.fn.zTree.init($("#tree"), setting, data); },   }   $(Index.init); });
时间: 2024-10-11 13:48:55

【ztree】ztree例子的相关文章

zTree更新自定义标签&gt;&gt;&gt;

zTree>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> x 本来想自己敲一个zTree的例子的>>> 但是一想zTree文档做的这么好,直接拷贝过来一个得了... 哈哈>>> <!DOCTYPE html> <html> <head> <

(菜鸟要飞系列)四,基于Asp.Net MVC5的后台管理系统(zTree绑定Json数据生成树)

上一次老师让我们用递归将中国城市镇县四级联动 显示在树上,那个时候就知道可以显示在zTree上,可是苦于对Json的不了解,对zTree的Api的不了解,一直没有做出来,只好将递归算法显示在了窗体上,见C# 使用winForm的TreeView显示中国城镇四级联动, 前几天老师终于将他以前做的zTree的例子给我研究,终于知道了怎么写了(哭瞎,好没有成就感),感觉网上这部分资源好少,有也是关于SqlServer用EntityFramework中数据上下文写的,由于老师不让用EntityFrame

iMatrix平台中标签数(在tree:ztree)用法(2)

1.1.1    标签树<ztree:ztree> 1.1.1.1    用法 <ztree:ztree treeType="MAN_DEPARTMENT_TREE" treeId="treeDemo" userWithoutDeptVisible="true" showBranch="true" chkStyle="checkbox" chkboxType="{'Y' : 'p

zTree初体验--MVC linq动态多条件OR查询

工作需要,使用zTree实现了一个点击显示下拉复选框列表选中项作为查询条件的功能.简单记录下菜鸟级开发历程. zTree:是一个依靠jQuery实现的多功能树控件.通过简单引用配置就可使用. 具体使用: (1).脚本.样式引用 注意:引用顺序,zTree.js一定放最后. <link rel="stylesheet" href="@Url.Content("~/Scripts/jquery.plugins/zTree/zTreeStyle.css")

【树形结构】zTree

树形结构有多种形式和实现方式,zTree可以说得上是一种比较简洁又美观的且实现起来也相对简单.zTree是一个依靠jQuery实现的多功能"树插件".它最大的优点是配置灵活,只要id与pid的值相同就可形成一个简单的父子结构.再加上免费开源,使用zTree的人越来越多. 一.概述 1.实现思路 假设有两张表:A表.B表,如果B.Id=A.PId,则A与B将可构成树形结构. (Id与PId只是两种表示,数据库中不一定是这两个字段.其实一张表也完全可以形成树形结构,不过这样就有点凌乱了..

使用zTree控件制作的表格形式的树形+数据菜单

測试了一下,兼容ie7以上, chrome opera ff 不使用对方css /*------------------------------------- zTree Style version: 3.4 author: Hunter.z email: [email protected] website: http://code.google.com/p/jquerytree/ -------------------------------------*/ .ztree .clear:aft

使用 zTree 右键菜单功能的总结

一: 首先什么是zTree? zTree 是一个依靠 jQuery 实现的多功能 “树 插件 ”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点.专门适合项目开发,尤其是 树状菜单.树状数据的Web显示.权限管理等等. 二:zTree的优点是什么? 1. zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载. 2.  采用了 延迟加载 技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀. 3.  兼容 IE.FireFox.Chrome.Opera

制作一棵ztree

我们在做web项目时,常会用到一些树形菜单.在此,我们利用ztree实现树形菜单的效果.zTree 是一个依靠 jQuery 实现的多功能 "树插件".优异的性能.灵活的配置.多种功能的组合是 zTree 的最大优点. 接下来,我演示一棵简单的ztree,效果如下所示: 案例架构如下: 其中,测试文件index.html内容如下: <!DOCTYPE html> <html lang="en"> <head> <meta c

jsp页面zTree的简单应用

1. jsp页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <%@ page contentType="text/htm

zTree.js 异步加载地区例子

后台实现可以参考我以前发表的文章  地区三级联动 zTree API js 下载 点击打开链接 一个效果demo <!DOCTYPE html> <HTML> <HEAD> <TITLE> ZTREE DEMO - select menu</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <