全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

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

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小时内与您取得联系。