ztree 后台拼接Json

最新推荐文章于 2021-08-12 16:57:51 发布
最新推荐文章于 2021-08-12 16:57:51 发布
阅读量2.5k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhao8912/article/details/14441897
版权 
前台页面：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ztree.aspx.cs" Inherits="Admin_Ztree" %>

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

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

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

    <link href="../CSS/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript">
	var zTree;
	var demoIframe;

	var setting = {
		view: {
			dblClickExpand: false,
			showLine: true,
			selectedMulti: false
		},
		data: {
			simpleData: {
				enable:true,
				idKey: "id",
				pIdKey: "pId",
				rootPId: ""
			}
		},
		callback: {
			beforeClick: function(treeId, treeNode) {
				var zTree = $.fn.zTree.getZTreeObj("tree");
//				if (treeNode.isParent) {
//					zTree.expandNode(treeNode);
//					return false;
//				} else {
					demoIframe.attr("src",treeNode.file);
					//return true;
				//}
			}
		}
	};

	var zNodes =<%=getJson() %>;
	$(document).ready(function(){
		var t = $("#tree");
		t = $.fn.zTree.init(t, setting, zNodes);
		demoIframe = $("#testIframe");
		demoIframe.bind("load", loadReady);
		var zTree = $.fn.zTree.getZTreeObj("tree");
		zTree.selectNode(zTree.getNodeByParam("id", 101));

	});

	function loadReady() {
		var bodyH = demoIframe.contents().find("body").get(0).scrollHeight,
		htmlH = demoIframe.contents().find("html").get(0).scrollHeight,
		maxH = Math.max(bodyH, htmlH), minH = Math.min(bodyH, htmlH),
		h = demoIframe.height() >= maxH ? minH:maxH ;
		if (h < 530) h = 530;
		demoIframe.height(h);
	}

 </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table  style=" width:100%">
    <tr>
    <td align="left" style=" width:200px">
    <ul id="tree" class="ztree"></ul>
   </td>
   <td align="left">
    <iframe id="testIframe" frameborder="0" scrolling="no" height="auto" width="100%" ></iframe></td>
     </tr>
    </table>
    </div>
    </form>
</body>
</html>


后台代码：

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Text;
public partial class Admin_Ztree : System.Web.UI.Page
{
    BLL.Column bcolumn = new BLL.Column();
    protected void Page_Load(object sender, EventArgs e)
    {
        string str = getJson();
    }
    /// <summary>
    /// 拼接json字符
    /// </summary>
    /// <returns></returns>
    DataTable dt1 = new DataTable();
    DataTable dt2 = new DataTable();
    DataTable dt3 = new DataTable();
    public string getJson()
    {
        string name = "";
        string id = "";
        StringBuilder seriesData = new StringBuilder();

        string UrlList = "List.aspx";
        // dt1 = glb.getDS(conncls.getconnstr(), cmdstr); 
        dt1 = bcolumn.getDataList(" ID!=0 ");

        seriesData.Append("[");
        #region
        if (dt1.Rows.Count > 0)
        {
            for (int i = 0; i < dt1.Rows.Count; i++)
            {
                seriesData.Append("{");
                id = dt1.Rows[i]["ID"].ToString();
                seriesData.Append("ID:" + id);
                seriesData.Append(",");
                name = dt1.Rows[i]["ColumnName"].ToString();
                seriesData.Append("name:'" + name + "'");
                seriesData.Append(",");
                //如果数据库中有路径可以加上路径,在这统一跳到List页面

                seriesData.Append("file:'" + UrlList + "?action=one&&ID=" + name + "'");//一般加参数的方式 可以随便加
                seriesData.Append(",");//第一级结束


                dt2 = bcolumn.getDataList(" PreColumnID=" + id);

                #region
                if (dt2.Rows.Count > 0)
                {
                    seriesData.Append("children:[");//第二级开始
                    for (int j = 0; j < dt2.Rows.Count; j++)
                    {
                        seriesData.Append("{");
                        id = dt2.Rows[j]["ID"].ToString();
                        seriesData.Append("ID:" + id);
                        seriesData.Append(",");
                        name = dt2.Rows[j]["ColumnName"].ToString();
                        seriesData.Append("name:'" + name + "'");
                        seriesData.Append(",");
                        //如果数据库中有路径可以加上路径,在这统一跳到List页面

                        seriesData.Append("file:'" + UrlList + "?action=two&&ID=" + name + "'");
                        seriesData.Append(",");

                        dt3 = bcolumn.getDataList(" PreColumnID="+id);
                        #region
                        if (dt3.Rows.Count>0)
                        {
                            seriesData.Append("children:[");
                            for (int k = 0; k < dt3.Rows.Count;k++ )
                            {
                                seriesData.Append("{");
                                id = dt3.Rows[k]["ID"].ToString();
                                seriesData.Append("ID:" + id);
                                seriesData.Append(",");
                                name = dt3.Rows[k]["ColumnName"].ToString();
                                seriesData.Append("name:'" + name + "'");
                                seriesData.Append(",");
                                //如果数据库中有路径可以加上路径,在这统一跳到List页面

                                seriesData.Append("file:'" + UrlList + "?action=three&&ID=" + name + "'");
                                seriesData.Append("}");
                                if(k!=dt3.Rows.Count-1)
                                {
                                    seriesData.Append(",");
                                }
                               
                            }
                            seriesData.Append("]");

                        }
                        #endregion

                        seriesData.Append("}");
                        if (j != dt2.Rows.Count - 1)
                        {
                            seriesData.Append(",");
                        }
                       
                       
                    }
                    seriesData.Append("]");

                }
#endregion

                seriesData.Append("}");
                if (i != dt1.Rows.Count - 1)
                {
                    seriesData.Append(",");
                }  

            }

        }
        #endregion
        seriesData.Append("]");


        return seriesData.ToString();
    }
}


List前台页面：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="List.aspx.cs" Inherits="List" %>

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Literal ID="zgw" runat="server"></asp:Literal>
    </div>
    </form>
</body>
</html>


List后台页面：

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

public partial class List : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if(Request.QueryString["action"]!=null)
        {
            if(Request.QueryString["action"]=="one")
            {
                string id=Request.QueryString["ID"].ToString();
                zgw.Text=id;
            }
            if (Request.QueryString["action"] == "two")
            {
                string id = Request.QueryString["ID"].ToString();
                zgw.Text = id;
            }
            if (Request.QueryString["action"] == "three")
            {
                string id = Request.QueryString["ID"].ToString();
                zgw.Text = id;
            }
        }
    }
}

有源码 http://download.csdn.net/detail/zhao8912/6514489
风若寒89
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ztree后台拼接Json
11-07
Ztree后台拼接Json，首先要注意版本，要不害死人的
zTree树形带JSON
02-09
JSON形式的树形结构 。
jQuery树插件zTree.js如何应用后台返回的不标准数据
vcxiaohan的博客
09-13 5043
后台返回标准json数据但是不能直接应用： 原因：应用ztree，json数据必须要有name和children字段，参见：view-source:http://www.treejs.cn/v3/demo/cn/core/standardData.html 不能直接应用数据如下： { "code": 200, "message": "操作成功", "data": [
《权限控制系列1》-----Ztree菜单的动态拼接
zhoukun@Fly
02-14 1554
前言 在OA系统中，权限的控制是很常见的，最普通的权限关系就是用户-角色-权限之间的关系，用户拥有什么样的角色，角色拥有什么样的权限，今天小编简单的用Jquery的Ztree来粗粒度的控制一下用户的权限，其实主要就是将Ztree的使用。 必要的插件引用 jquery-1.4.2.js jquery-ztree-2.5.js zTreeStyle.css HTML引用
java实现类似ztree的json格式查询
weigeshikebi的博客
01-24 1359
在web系统中，尤其是一些管理系统，比如权限分配，会有查询菜单树形结构的需求。 一般java后台需要返回json格式的数据，比如ztree var zTreeNodes = [ {"id":1, "name":"test1", "nodes":[ {"id":11, "name":"test11", "nodes":[ {"id":11
zTree后台组装树结构java代码
03-29
以上就是关于"zTree后台组装树结构java代码"的主题知识，包括了zTree的使用、Java与MySQL的交互、递归算法构建树、Spring JDBC等内容。理解并掌握这些知识点，能够帮助开发者高效地构建基于zTree的树形界面。
基于Ztree实现动态生成Json
08-02
ZTree，一个基于JavaScript的树形控件，提供了丰富的功能，包括动态生成JSON，这对于构建交互式的、数据驱动的用户界面尤其有用。在这里，我们将深入探讨如何使用ZTree实现动态生成JSON以及相关的技术细节。 首先，...
easyui+ztree后台管理系统模板
12-20
6. **开发实践**：在实际使用这个模板时，开发者需要注意数据接口的对接，将后端服务器提供的JSON数据与EasyUI的表格、ZTree的节点数据进行绑定，同时处理用户的交互事件，如点击、拖拽等，以实现完整的业务逻辑。...
ZTree 异步加载 SSH JSON
11-18
最后，`filter`函数用于解析后台返回的JSON数据，将其转化为ZTree可识别的格式： ```javascript function filter(treeId, parentNode, childNodes) { if (childNodes) { for (var i=0, l=childNodes.length; i; i...
ztree树封装 json实例_zTree的使用
weixin_39623620的博客
11-20 93
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。下载zTree/zTree_v3​gitee.com1.1.1.1 demo的使用根据API文档找相关的属性的使用实例演示1.使用简单的树节点进行演示封装pojo类将查询的树节点进行封装public 在页面内导入相关的依赖<<效果演示...
ztree最简单的后台传前台例子
03-26
最简单的ztree最简单的后台传前台例子 使用ztree3 0和fastjson 可运行 不缺包 参考网上一播客而写 对初学者有很大帮助
ztree节点树 -- 节点路径拼接
weixin_44540178的博客
08-05 1285
点击获取节点所在的路径，并且显示出来。 在使用ztree树形插件做出来树形分类，在使用中点击某节点时需要显示其路径，以直观的显示出来。 直接动手，有两个方法需要一起使用。 //分类节点路径导航：（两个方法）一起用 （方法一在节点树的点击事件中调用） //节点路径：（两个方法）一起用 var curLocation = “”;//记录节点当前位置 //方法一 function Classificat...
BOS项目02_01_zTree-最简单的树-标准json数据和简单json数据讲解、以及它们俩的区别、数形控件的使用
小良的博客
03-17 612
系列文章目录 文章目录系列文章目录前言一、zTree-最简单的树-标准json数据二、简单json数据总结 前言 一、zTree-最简单的树-标准json数据 下载zTree，搜索引擎搜索zTree，转到如下 或者已经下载好了，直接解压 注意我们是导入这个zTree_v3-master的版本，这里只是改了名 统一是ztree 解压zTree_v3-master，查看demo 然后复制一份前面的tabs.jsp代码，改名叫ztree.jsp 我们继续在之前的功能上修改、增加功能 第1步，导入已
ztree+json，渲染树形菜单
祈澈菇凉
08-12 497
前面的话：zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。 ztree官方文档：http://www.treejs.cn/v3/api.php 现在写了一个小的demo，具体可以参考官方文档，从文档上拿来一串json数据，放在前端的代码里面，方便大家查看效果，以及方便后端...
权限系统收获——C#递归方法实现zTree
陈金荣
04-10 4318
为了满足在一个树形菜单上添加多级子菜单，我们想到用递归来实现，这样做，灵活度立马提升！不管用户想添加多少级菜单我们都能满足他！但是如果考虑到性能的话，递归可能会影响到性能，所以说用的时候还是需要多方面考虑的。         先根据数据库表介绍一下我们的实现逻辑，以下是使用到的数据库表         TR_Resource ID ResourceName Paren
Ztree，异步逐级加载数据，连接数据库增删改，模糊搜索
孺牛的博客
09-01 6423
需求是需要做一个国家信息的树形结构图，那么就避免不了使用树状结构的插件，而用的比较多的插件就是Ztree和Jstree，个人在这里强烈推荐Ztree，原因如下：1、Ztree的插件文档全中文解释，毕竟是国产插件，所以对于英语不太好的同学来说，会减少很多麻烦，而Jstree全英文                    2、Ztree的demo比Jstree更加详细，更能够去理解插件中各种事件，属性的...
【前台拼接Json对象】
一个代码的博客
04-24 524
前提：后台需要由前端传入一个Json对象进行操作 解决方法：前端先拼接一个Json对象，再转成Json字符串传入后台 1. 前端要拼接一个Json对象如下例：（数组套Json） zNodes:[ { id: "1", pId: "2" }, { id: "2", pId: "3" } ] 2. 实现： var arr = [ ];...
zTree的使用，向后台传值和获取值选中
热门推荐
lianzhang861的博客
05-10 1万+
     首先引入zTree的css和js html： &lt;div class="row"&gt; &lt;label class="col-sm-4 control-label" style="text-align: right; margin-top:5px;padding-left: 1...
ztree的json节点数据文件
最新发布
11-27
zTree是一种基于jQuery的树形插件，可以帮助开发者快速创建并操作树形结构。而zTree的节点数据通常以JSON格式存储在一个文件中。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于阅读和编写。在zTree中，我们可以将节点的相关数据以JSON对象的形式存储在一个独立的文件中，然后通过调用zTree的相关方法将其加载到页面中。 在这个JSON节点数据文件中，每个节点都是一个JSON对象，包含一些属性和值。常见的属性有id、name、pid、isParent等。 1. id：节点的唯一标识符，用于区分不同的节点。 2. name：节点的名称或显示文本，用于在树中展示。 3. pid：父节点的id，表示该节点的父节点是哪个。 4. isParent：表示该节点是否为父节点，一般为布尔类型的值，true表示是，false表示否。 通过将这些节点数据以JSON格式存储在文件中，我们可以轻松地读取和解析这些数据，并将它们动态地加载到zTree插件中。这使得我们可以方便地在页面中显示和操作树状结构的数据，例如展开和折叠节点、添加和删除节点等。 总之，zTree的JSON节点数据文件是存储节点数据的一种格式，通过这种文件我们可以方便地在zTree插件中加载和操作树状结构的数据。这使得我们可以快速构建功能丰富的树形结构，并为用户提供良好的交互体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值