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 ...
随机推荐
- TIMIT语音库
TIMIT语音库有着准确的音素标注,因此可以应用于语音分割性能评价,同时该数据库又含有几百个说话人语音,所以也是评价说话人识别常用的权威语音库,但该语音库的商业用途是要花钱买的.下面的资源来自与MIT ...
- 应用HTK搭建语音拨号系统1:数据准备
选自:http://maotong.blog.hexun.com/6204849_d.html 应用HTK搭建语音拨号系统--数据准备 苏统华 哈尔滨工业大学人工智能研究室 2006年10月30日 声 ...
- Linux查看硬盘型号
Linux查看硬盘型号 -- :: 分类: 服务器与存储 请先确定服务器是否有配 RAID. 如果有RAID,请通过对应的RAID管理(监控)工具查看,例如LSI的MegaCli: # /opt/Me ...
- 转帖:用五分钟重温委托,匿名方法,Lambda,泛型委托,表达式树
用五分钟重温委托,匿名方法,Lambda,泛型委托,表达式树 这些对老一代的程序员都是老生常谈的东西,没什么新意,对新生代的程序员却充满着魅力.曾经新生代,好多都经过漫长的学习,理解,实践才能掌握委托 ...
- Convert a given Binary Tree to Doubly Linked List
The question and solution are from: http://www.geeksforgeeks.org/convert-given-binary-tree-doubly-li ...
- Android自定义图形shape
在Android开发过程中,经常需要改变控件的默认样式, 那么通常会使用多个图片来解决.不过这种方式可能需要多个图片,比如一个按钮,需要点击时的式样图片,默认的式样图片. 这样就容易使apk变大.另一 ...
- 16. javacript高级程序设计-HTML5脚本编程
1. HTML5脚本编程 l 跨文档消息传递API能够让我们在不降低同源策略安全性的前提下,在来至不同的域的文档间传递消息 l 原生拖放功能可以方便的指定某个元素是否可以拖动,并在放置时做出响应.还可 ...
- 7.SpringMVC注解优化
新建controller,每个人都可以建自己的controller,比较方便,不用再在web.xml中进行配置,value的请求地址一定要唯一. 优化: 1.上面示例中spring-annotatio ...
- Python缩小图像
LyncLynn用途: 缩小图像 # -*- coding: UTF-8 -*- #Version: V1.0 #Author:lynclynn #CreateDate:20151201 #Updat ...
- Effective C++ -----条款31:将文件间的编译依存关系降至最低
支持“编译依存性最小化”的一般构想是:相依于声明式,不要相依于定义式.基于此构想的两个手段是Handle classes 和 Interface classes. 程序库头文件应该以“完全且仅有声明式 ...