zTree在asp.net中读取数据库简单使用示例

最新推荐文章于 2020-07-31 18:11:47 发布
最新推荐文章于 2020-07-31 18:11:47 发布
阅读量825 收藏 1
点赞数

原来使用的TreeView控件，感觉很麻烦。今天用zTree替换了一下，感觉不错，清晰多了，而且可以跨平台。

HTML代码：

Copy to ClipboardLiehuo.Net Codes引用的内容：[www.veryhuo.com]

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="zTreeTest.aspx.cs" Inherits="zTreeTest" %> 

<!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/zTree/demoStyle/demo.css" rel="stylesheet" type="text/css" /> 
<link href="css/zTree/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-2.6.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var zTreeObj; 
var setting = {checkable: true}; 
var zNodes = <%= seriesData.ToString() %>; 

$(document).ready(function () { 
zTreeObj = $("#treeDemo").zTree(setting, zNodes); 
}); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div class="zTreeDemoBackground"> 
<ul id="treeDemo" class="tree"></ul> 
</div> 
</form> 
</body> 
</html>

数据库配置就不发布了，大家按照自己的配置能读数据库即可：

Copy to ClipboardLiehuo.Net Codes引用的内容：[www.veryhuo.com]

using System; 
using System.Data; 
using System.Text; 

public partial class zTreeTest : System.Web.UI.Page 
{ 
public StringBuilder seriesData = new StringBuilder(); 

public connCls conncls; 
public Global glb; 
public DataSet ds1; 
public DataSet ds2; 
public DataSet ds3; 
public DataSet ds4; 

protected void Page_Load(object sender, EventArgs e) 
{ 
conncls = new connCls(); 
glb = new Global(); 

string cmdstr = ""; 
string name=""; 
string no=""; 
cmdstr = "select * from region"; 
ds1 = glb.getDS(conncls.getconnstr(), cmdstr); 
seriesData.Append("["); 
for (int i = 0; i < ds1.Tables[0].Rows.Count; i++) 
{ 
seriesData.Append("{"); 
name=ds1.Tables[0].Rows[i]["region_name"].ToString(); 
seriesData.Append("name:\""+name+"\""); 
seriesData.Append(","); 
no=ds1.Tables[0].Rows[i]["region_no"].ToString(); 
seriesData.Append("no:"+no); 
seriesData.Append(","); 

cmdstr = "select * from building where region_no='"+no+"'"; 
ds2 = glb.getDS(conncls.getconnstr(), cmdstr); 
seriesData.Append("nodes:["); 
for (int j = 0; j < ds2.Tables[0].Rows.Count; j++) 
{ 
seriesData.Append("{"); 
name = ds2.Tables[0].Rows[j]["building_name"].ToString(); 
seriesData.Append("name:\"" + name + "\""); 
seriesData.Append(","); 
no = ds2.Tables[0].Rows[j]["building_no"].ToString(); 
seriesData.Append("no:" + no); 
seriesData.Append(","); 

cmdstr = "select * from cell where building_no='" + no + "'"; 
ds3 = glb.getDS(conncls.getconnstr(), cmdstr); 
seriesData.Append("nodes:["); 
for (int k = 0; k < ds3.Tables[0].Rows.Count; k++) 
{ 
seriesData.Append("{"); 
name = ds3.Tables[0].Rows[k]["cell_name"].ToString(); 
seriesData.Append("name:\"" + name + "\""); 
seriesData.Append(","); 
no = ds3.Tables[0].Rows[k]["cell_no"].ToString(); 
seriesData.Append("no:" + no); 
seriesData.Append(","); 

cmdstr = "select * from house where cell_no='" + no + "'"; 
ds4 = glb.getDS(conncls.getconnstr(), cmdstr); 
seriesData.Append("nodes:["); 
for (int l = 0; l < ds4.Tables[0].Rows.Count; l++) 
{ 
seriesData.Append("{"); 
name = ds4.Tables[0].Rows[l]["house_name"].ToString(); 
seriesData.Append("name:\"" + name + "\""); 
seriesData.Append(","); 
no = ds4.Tables[0].Rows[l]["house_no"].ToString(); 
seriesData.Append("no:" + no); 
seriesData.Append("}"); 

if (l != ds4.Tables[0].Rows.Count - 1) 
{ 
seriesData.Append(","); 
} 
} 
seriesData.Append("]}"); 
if (k != ds3.Tables[0].Rows.Count - 1) 
{ 
seriesData.Append(","); 
} 
} 
seriesData.Append("]}"); 
if (j != ds2.Tables[0].Rows.Count - 1) 
{ 
seriesData.Append(","); 
} 
} 
seriesData.Append("]}"); 
if (i != ds1.Tables[0].Rows.Count - 1) 
{ 
seriesData.Append(","); 
} 
} 
seriesData.Append("]"); 
} 
}

演示图：

 

微信关注  奔跑的GISer  获取更多资源

gis0911178
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ZTreeDemo（asp.net版）
03-08
在asp中使用ZTree，异步、同步、从后台获取数据绑定。
asp.net树形结构菜单demo/无限级分类/zTree
09-05
jquery的一个插件zTree.此demo是用vs08+sql2005写的 可任意修改 像样更多的功能和外观 就去zTree官网下一个 我写的这个是动态的 就是说是连接数据库的 class表 必须的字段 ID 父ID 还有类别名称。 不懂的可以随时问我
zTree结合Asp.net实现异步加载数据(写的可能有点简单....)
abn55647的博客
06-10 152
前台html标签(asyncData.aspx页面....用于展示的页面) <head runat="server"> <title></title> <link href="JQuery%20ZTree/css/demo.css" rel="stylesheet" type="text/css" /> <link...
ASP.NET中使用开源插件zTree的小结
weixin_30897079的博客
04-02 130
在最近的项目应用中，找到了zTree免费的好东西，这里总结一下: 源码下载：http://www.ztree.me/ 效果是酱紫的： 　 前台代码： 　　样式和脚本 　　<link rel="stylesheet" href="JavaScript/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css" /> ...
asp.net mvc4 ztree 连接数据库 动态生成菜单简单demo
03-20
asp.net mvc4 ztree 连接数据库 动态生成菜单简单demo
jquey,zTree插件，asp.net下异步加载数据实例
11-09
jquey,zTree插件，asp.net下异步加载数据实例，项目中要用到jquery,zTree插件，网上没有查到可以直接运行的asp.net实例， 做了一个，可以直接运行，刚开始学这个插件的可以下来参考
ztree实现的基本功能和数据库交互
11-25
- **数据库建表**：为了存储ZTree的数据，需要在数据库中创建相应的表。表结构应能容纳节点的ID、父ID、名称、图标等信息，以便于构建树形关系。 - **SQL操作**：根据ZTree的事件，服务器端可能需要执行SQL语句，...
实例详解ztree在vue项目中使用并且带有搜索功能
12-29
上篇文章给大家介绍了vue中如何使用ztree，大家可以点击查看。 之前博客介绍过怎么在vue里展示以及获取点击元素的内容，此文章之介绍搜索功能 html 机构 class=ztree-par> <i class=icon_org></i> <input type=...
asp.netWeb开发中ztree实现无极限增删改查连接数据同步数据库操作
心路独舞
11-07 1739
一，首先理解ztree插件原理和作用，
C#/asp.net实现异步加载zTree目录节点，提供搜索zTree节点功能
qq_26312205的博客
07-31 475
zTree异步加载目录前言具体实现代码 前言 虽然工作了5年多了，但是这还是第一次发表文章，有点惭愧，作为一个程序猿，感觉有点不合格，哈哈哈。前端js框架用的angularJS，后台C#简单的查询，返回的主要是json字符串。有问题大家留言有时间一起研究研究吧。 具体实现 样式图片： 代码 angularJS： //目录树参数配置 用两个setting是因为搜索节点的时候用的是非异步的， var Modelsetting = {//非异步 data: {
JQuery zTree asp.net实例
06-22
JQuery zTree是一个功能强大的Tree控件，这里使用asp.net实例了JQuery zTree数据加载，希望对大家有所帮助
C#项目ZTree构造树
09-01
C#项目 ZTree构造树，源码实例说明，并附文档截图说明如何构造树。 setting = { treeId: "id", check: { enable: false }, data: { simpleData: { enable: true, idKey: "id", pIdKey: "pId", rootPId: 0 } }, async: { enable: true, url: "login/ztreeT.ashx?t=2&init=tree1&tghy=" + tghy, autoParam: ["id", "pId"] }, callback: {｝ 如何配置树。
c# 递归实现zTree
04-10
C# 采用递归的方式实现zTree，满足用户添加多级子菜单
ztree 结合vs2010+sql2008 生成动态树
09-29
vs2010和sql2008 利用ztreev3.4生成无限级目录树，数据库在DB文件夹下，附加即可运行
zTree -- jQuery 树插件（后台异步获取数据-asp.net mvc模式下）
rj532029887的专栏
02-13 4359
一，使用前需要引入的脚本文件（可从官网下载：http://www.ztree.me/v3/main.php#_zTreeInfo） 二、 2.1 前台html页面                       2.2 ztree配置及代码文件 $(function () { initzTree(); });   /*
Ztree之初涉——简单Ztree的实现
weixin_30781775的博客
04-04 73
Ztree可以去官网去下载相应的版本和API，我这里就简单的介绍下它的实现以及因为Ztree的小例子印发的Js问题，稍后我会在博客中写JS的异步问题， 我这里用的是MVC4.0,好了正文开始，上代码 namespace ZtreeDemo.Controllers { public class HomeController : Controller { ...
ztree 使用asp.net mvc异步动态获取数据
c13_tianming的专栏
08-27 2863
Index ////异步加载节点 var setting = { async: { enable: true, url: "/Home/ZtreeData",//数据请求地址 autoParam: ["id", "name", "pId"
asp.net 树形控件 $.fn.zTree.init
weixin_30558305的博客
07-14 337
在网页中通过jquery脚本来构筑树形控件将是一个不错的选择，比如有一个文本框，当鼠标点击的时候，像弹出一个下拉框一样弹出一个树形控件，这似乎是一个不错的控制。下面主要讲讲这种树形控件的实现。为了能使用这种控件，需要中网上下载这个控件的脚本，然后引用到页面中 <script src="/Scripts/jquery.ztree.core-3.5.js"></script&g...
ztree的简单使用
lady132的博客
01-17 202
ztree是一个不错的树形结构插件，有许多功能，相信许多人刚开始用对要求的数据并不太了解(我搞了半天才弄懂。。)，下面直接上代码! 下载ztree:官网http://www.treejs.cn/v3/api.php 直接下载解压至项目即可 需要的引用(引用路径请根据自己文件所在的位置进行更改)： 首先添加对css的引用 &lt;link rel="stylesheet" href="css/zTr...
vue2项目中ztree插件的使用
最新发布
03-28
以下是一个简单的示例，演示如何在 Vue2 中使用 ztree 插件： 1. 在项目中引入 ztree 的 JS 和 CSS 文件，例如： ```html <link rel="stylesheet" href="path/to/ztree/css/zTreeStyle/zTreeStyle.css"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值