C#使用Jquery zTree实现树状结构显示_异步数据加载

JQuery-Ztree下载地址:https://github.com/zTree/zTree_v3
JQuery-Ztree数结构演示页面: http://www.treejs.cn/v3/demo.php#_101
关于zTree的详细解释请看演示页面,还有zTree帮助Demo。
下面简要讲解下本人用到的其中一个实例(直接上关键代码了):
异步加载节点数据:
A-前台:
<link href="zTree_v3-master/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
<script src="zTree_v3-master/js/jquery.ztree.core.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
var setting = {
async: {
enable: true,
url: "../Handler/ShoppingHandler.ashx", //请求的一般处理程序
autoParam: ["id"], //自带参数id--来自于节点id
otherParam: { "type": "GetUserLevelList" }, //其他参数自定义
dataFilter: filter, //数据过滤
type: "post" //请求方式
}
};
function filter(treeId, parentNode, childNodes) {
if (!childNodes) return null;
for (var i = 0, l = childNodes.length; i < l; i++) {
childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
}
return childNodes;
}
$(document).ready(function () {
$.fn.zTree.init($("#treeDemo"), setting); //渲染树结构
});
</script>
<div class="zTreeDemoBackground left">
<ul id="treeDemo" class="ztree"></ul>
</div>
B后台:
using MobileBusiness.Common.Data;
using MobileBusiness.Library.Passport;
using MobileBusiness.Shopping.Data;
using MobileBusiness.Shopping.Data.Common;
using MobileBusiness.Shopping.Data.Entity;
using MobileBusiness.Web.Library.Script;
using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using ShoppingData = MobileBusiness.Shopping.Data.Entity;
namespace MobileBusiness.Shopping.BusinessManage.Handler
{
/// <summary>
/// Shopping 的摘要说明
/// </summary>
public class ShoppingHandler : IHttpHandler
{
//当前登录用户信息
WeChatUser weChatUser = WeChatIdentity.CurrentUser;
public void ProcessRequest(HttpContext context)
{
string result = "";
if (context.Request["type"] != null)
{
string requestType = context.Request["type"];
try
{
switch (requestType)
{
//获取用户信息等级列表
case "GetUserLevelList":
result = this.GetUserLevelList(context); break;
default:
break;
}
}
catch (Exception ex)
{
result = ex.Message;
}
}
context.Response.ContentType = "text/html";
context.Response.Write(result);
context.Response.End();
}
private string GetUserLevelList(HttpContext context)
{
string parentUserPhone = context.Request["id"];
return GetUserCollByPhone(parentUserPhone);
}
private string GetUserCollByPhone(string phone)
{
//编码,父编码,名称,是否打开,打开图片,关闭图片
//{ id:1, pId:0, name:"展开、折叠 自定义图标不同", open:true, iconOpen:"../../../css/zTreeStyle/img/diy/1_open.png", iconClose:"../../../css/zTreeStyle/img/diy/1_close.png"},
//编码,父编码,名称,是否打开,显示图片
//{ id: 11, pId: 1, name: "叶子节点1", icon: "../../../css/zTreeStyle/img/diy/2.png"},
List<object> result = new List<object>();
ShoppingData.UserInfoCollection userColl = ShoppingData.UserInfoAdapter.Instance.LoadByParentUserPhone(phone);
userColl.ForEach(user =>
{
result.Add(new
{
id = user.Phone,
pid = phone,
name = user.UserName,
isParent = ShoppingData.UserInfoAdapter.Instance.LoadByParentUserPhone(user.Phone).Count > 0 ? true : false
});
});
return JsonConvert.SerializeObject(result);
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# Jquery
# zTree树状结构
# C#异步加载
# zTree树状结构显示
# C# WPF如何反射加载Geometry几何图形数据图标
# c# WPF中自定义加载时实现带动画效果的Form和FormItem
# c# 实现网页加载后将页面截取为长图片
# C# 根据表格偶数、奇数加载不同颜色
# C# 动态加载程序集信息
# C#中调用DLL时未能加载文件或程序集错误的处理方法(详解)
# C#中加载dll并调用其函数的实现方法
# c# 动态加载dll文件
# 并实现调用其中的简单方法
# C#使用反射加载多个程序集的实现方法
# C#实现动态加载dll的方法
# c#动态加载卸载DLL的方法
# 3种C# 加载Word的方法
# 自定义
# 加载
# 下载地址
# 树状
# 来自于
# 其中一个
# 自带
# 大家多多
# 解下
# ashx
# Handler
# ShoppingHandler
# autoParam
# zTreeDemoBackground
# otherParam
# id
# left
# url
# language
# JavaScript
相关文章:
云南网站制作公司有哪些,云南最好的招聘网站是哪个?
手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?
logo在线制作免费网站在线制作好吗,DW网页制作时,如何在网页标题前加上logo?
如何获取上海专业网站定制建站电话?
企业网站制作费用多少,企业网站空间一般需要多大,费用是多少?
实例解析angularjs的filter过滤器
制作网站的基本流程,设计网站的软件是什么?
广州美橙建站如何快速搭建多端合一网站?
建站之星logo尺寸如何设置最合适?
建站之星×万网:智能建站系统+自助建站平台一键生成
如何通过FTP空间快速搭建安全高效网站?
专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设?
焦点电影公司作品,电影焦点结局是什么?
常州企业建站如何选择最佳模板?
个人网站制作流程图片大全,个人网站如何注销?
山东网站制作公司有哪些,山东大源集团官网?
网站按钮制作软件,如何实现网页中按钮的自动点击?
如何快速搭建高效可靠的建站解决方案?
如何快速启动建站代理加盟业务?
武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?
山东云建站价格为何差异显著?
在线教育网站制作平台,山西立德教育官网?
如何解决VPS建站LNMP环境配置常见问题?
如何在Golang中使用replace替换模块_指定本地或远程路径
免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面,最好是免费的?
制作网站怎么制作,*游戏网站怎么搭建?
如何快速配置高效服务器建站软件?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
如何选择最佳自助建站系统?快速指南解析优劣
三星网站视频制作教程下载,三星w23网页如何全屏?
如何在阿里云服务器自主搭建网站?
简单实现Android文件上传
智能起名网站制作软件有哪些,制作logo的软件?
如何在服务器上配置二级域名建站?
建站一年半SEO优化实战指南:核心词挖掘与长尾流量提升策略
网站制作知乎推荐,想做自己的网站用什么工具比较好?
C#如何序列化对象为XML XmlSerializer用法
百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系?
小型网站建站如何选择虚拟主机?
北京的网站制作公司有哪些,哪个视频网站最好?
Thinkphp 中 distinct 的用法解析
如何在腾讯云服务器上快速搭建个人网站?
相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料?
如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?
网站制作软件免费下载安装,有哪些免费下载的软件网站?
装修招标网站设计制作流程,装修招标流程?
建站主机SSH密钥生成步骤及常见问题解答?
建站之星安装提示数据库无法连接如何解决?
北京网站制作公司哪家好一点,北京租房网站有哪些?
网站制作模板下载什么软件,ppt模板免费下载网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。