zTree控件的使用

最常用的使用方式是json格式

.net递归实现对象生成json格式字符串

代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Newtonsoft.Json;

using SubSonic;

using System.Data;

using System.Text;

namespace WebApplication1

{

    public partial class Test2 : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            if (!IsPostBack)

            {

                ss();

            }

        }

        protected string JsonString { set; get; }

        /* [

       {name:"test1", open:true, children:[

          {name:"test1_1"}, {name:"test1_2"}]},

       {name:"test2", open:true, children:[

          {name:"test2_1"}, {name:"test2_2"}]}

       ];

         * */

        List<MyTree> list = new List<MyTree>();

        public void ss()

        {

            string sql = "  SELECT * FROM Test1.DBO.ceshi where Fidh='ROOT' ";

            DataTable dt1 = new DataTable();

            QueryCommand qc = new InlineQuery("Test1").GetCommand(sql);

            dt1 = DataService.GetDataSet(qc).Tables[];

            for (int i = ; i < dt1.Rows.Count; i++)

            {

                MyTree rootTree = new MyTree();

                rootTree.name = dt1.Rows[i]["Name"].ToString();

                aa(dt1.Rows[i]["Id"].ToString(),rootTree);

                list.Add(rootTree);

            }

            string s = JsonConvert.SerializeObject(list);

            JsonString = s;

        }

        public void aa(string id,MyTree rootTree)

        {  

            string sql1 = "  SELECT * FROM Test1.DBO.ceshi where Fidh='" + id + "' ";

            DataTable dt = new DataTable();

            QueryCommand qc1 = new InlineQuery("Test1").GetCommand(sql1);

            dt = DataService.GetDataSet(qc1).Tables[];

            if (dt.Rows.Count > )

            {

                rootTree.children = new List<MyTree>();

                for (int j = ; j < dt.Rows.Count; j++)

                {

                    MyTree childTree = new MyTree();

                    childTree.name = dt.Rows[j]["Name"].ToString();

                    aa(dt.Rows[j]["Id"].ToString(), childTree);

                    rootTree.children.Add(childTree);

                }

            }

        }

    }

    public class MyTree

    {

        public string name { get; set; }

        public List<MyTree> children { get; set; }

    }

}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test2.aspx.cs" Inherits="WebApplication1.Test2" %>

<!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">

<head runat="server">

    <title></title>

    <link href="css/demo.css" rel="stylesheet" type="text/css" />

    <link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />

    <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>

    <script src="js/jquery.ztree.core-3.5.js" type="text/javascript"></script>

    <script type="text/javascript">

        var setting = {};

//        var zNodes = [

//            { name: "父节点1 - 展开"

//                children: [

//                    { name: "父节点11 - 折叠",

//                        children: [

//                            { name: "叶子节点111" },

//                            { name: "叶子节点112" },

//                            { name: "叶子节点113" },

//                            { name: "叶子节点114" }

//                        ]

//                    },

//                    { name: "父节点12 - 折叠",

//                        children: [

//                            { name: "叶子节点121" },

//                            { name: "叶子节点122" },

//                            { name: "叶子节点123" },

//                            { name: "叶子节点124" }

//                        ]

//                    },

//                    { name: "父节点13 - 没有子节点" }

//                ]

//            },

//            { name: "父节点2 - 折叠",

//                children: [

//                    { name: "父节点21 - 展开", open: true,

//                        children: [

//                            { name: "叶子节点211" },

//                            { name: "叶子节点212" },

//                            { name: "叶子节点213" },

//                            { name: "叶子节点214" }

//                        ]

//                    },

//                    { name: "父节点22 - 折叠",

//                        children: [

//                            { name: "叶子节点221" },

//                            { name: "叶子节点222" },

//                            { name: "叶子节点223" },

//                            { name: "叶子节点224" }

//                        ]

//                    },

//                    { name: "父节点23 - 折叠",

//                        children: [

//                            { name: "叶子节点231" },

//                            { name: "叶子节点232" },

//                            { name: "叶子节点233" },

//                            { name: "叶子节点234" }

//                        ]

//                    }

//                ]

//            },

//            { name: "父节点3 - 没有子节点", isParent: true }

//        ];

         var zNodes =<%=JsonString %>;

        $(document).ready(function () {

            $.fn.zTree.init($("#treeDemo"), setting, zNodes);

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <ul id="treeDemo" class="ztree">

        </ul>

    </div>

    </form>

</body>

</html>

zTree控件的使用的更多相关文章

转：zTree树控件扩展篇：巧用zTree控件实现文本框输入关键词自动模糊查找zTree树节点实现模糊匹配下拉选择效果
是否可以借助于zTree实现文本框输入关键词自动模糊匹配zTree下拉树,然后选择下拉树内节点显示在文本框内且隐藏下拉树. 看到这个需求脑子里头大致已经想到了要如何实现这样一个需求,当时是限于时间问题 ...
Nice Validator(Form验证)及Juery zTree控件
http://niceue.com/validator/demo/match.php http://www.ztree.me/v3/demo.php#_603
使用zTree控件制作的表格形式的树形+数据菜单
測试了一下,兼容ie7以上, chrome opera ff 不使用对方css /*------------------------------------- zTree Style version: ...
jQuery树形控件zTree使用
http://www.cnblogs.com/AutumnRhyme/p/5915769.html .................................................. ...
jeecg中的树形控件demo
1.comboTree控件 1.页面方法: <t:comboTree url="jeecgFormDemoController.do?getComboTreeData" va ...
js树形控件—zTree使用总结
0 zTree简介树形控件的使用是应用开发过程中必不可少的.zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. 0.0 ...
web前端开发控件学习笔记之jqgrid+ztree+echarts
版权声明:本文为博主原创文章,转载请注明出处. 作为web前端初学者,今天要记录的是三个控件的使用心得,分别是表格控件jqgrid,树形控件ztree,图表控件echarts.下边分别进行描述. ...
asp.net 树形控件 $.fn.zTree.init
在网页中通过jquery脚本来构筑树形控件将是一个不错的选择,比如有一个文本框,当鼠标点击的时候,像弹出一个下拉框一样弹出一个树形控件,这似乎是一个不错的控制.下面主要讲讲这种树形控件的实现.为了能使 ...
MVC4加载zTree树小控件
前言: 第一次学习使用MVC框架,找了个练手项目,加载zTree树小控件.下面我就一步步说明我这次练手的经历以记录.如果有什么错误,希望各位大神帮忙指正,谢谢. 第一步: 利用VS2010新建一个MV ...

随机推荐

C++虚函数、虚继承、对象内存模型（转）
参考:http://blog.csdn.net/hxz_qlh/article/details/14633361 需要注意的是虚继承.多重继承时类的大小.
HTML页面关键词随机分布布局
结合underscore-min.js,和D3.js 绘制HTML关键词随机分布 <!DOCTYPE html> <html> <head> <meta ch ...
Java读写文件通用格式
String path = "I:\\"; File file = new File(path + "user_id_pair.txt"); FileReade ...
交叉编译inetutils并配置telnet服务
inetutils集成了许多网络客户和服务程序,主要有,finger, ftp, ftpd, rcp, rexec, rlogin, rlogind, rsh, rshd, syslog,syslog ...
Log4perl 的使用
Perl 使用Log4perl 首先下载log4 module : http://search.cpan.org/CPAN/authors/id/M/MS/MSCHILLI/Log-Log4perl- ...
java web 学习 --第六天（Java三级考试）
第五天学习在这:http://www.cnblogs.com/tobecrazy/p/3458592.html session对象当某个用户首次访问web应用系统时,jsp会自动创建出一个sessi ...
hdu 1556.Color the ball 解题报告
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1556 题目意思:有 n 个气球从左到右排成一排,编号依次为1,2,3,...,n.给出 n 对 a, ...
自定义View和ViewGroup
为了扫除学习中的盲点,尽可能多的覆盖Android知识的边边角角,决定对自定义View做一个稍微全面一点的使用方法总结,在内容上面并没有什么独特的地方,其他大神们的博客上面基本上都有讲这方面的内容,如 ...
Struts 2, 值在验证失败回到原来页面的时候会丢失的解决方案
比如,当我要添加一个信用卡的时候,我需要信用卡的CardType, 这些数据是存在数据库中的,我要先通过action 的一个 create方法,取到信用卡的类型: public String crea ...
在iOS 应用中直接跳转到appstore的方法
找到应用程序的描述链接,比如:http://itunes.apple.com/gb/app/yi-dong-cai-bian/id391945719?mt=8 然后将 http:// 替换为 itms ...

zTree控件的使用

zTree控件的使用的更多相关文章

随机推荐

热门专题