国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > C# > 正文

C#使用Jquery zTree實現樹狀結構顯示 異步數據加載

2019-10-29 21:16:56
字體:
來源:轉載
供稿:網友

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;   }  } }}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


注:相關教程知識閱讀請移步到c#教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 左云县| 甘谷县| 江城| 青岛市| 邳州市| 新密市| 江油市| 华坪县| 岫岩| 于都县| 齐河县| 蛟河市| 文昌市| 五指山市| 临桂县| 宁夏| 元朗区| 民权县| 黄大仙区| 伊金霍洛旗| 北安市| 淳安县| 兴安盟| 同德县| 砚山县| 星子县| 建宁县| 绥化市| 柘城县| 昭通市| 东阳市| 尼勒克县| 巢湖市| 新丰县| 延吉市| 贵溪市| 新宾| 象山县| 安阳县| 新巴尔虎左旗| 景德镇市|