码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI ComboTree 递归绑定详解

时间:2014-12-20 14:05:45      阅读:319      评论:0      收藏:0      [点我收藏+]

标签:

 


html代码:
 <input id="Series" name="Series" class="easyui-combotree"  method=‘get‘/> 

 


js代码:

$(document).ready(function () { $(‘#Series‘).combotree({ //需要返回的json格式 //data: [ // { // "id": "222", "text": "黑色系列", // "children": [ // { "id": "280", "text": "黑1"}, // { "id": "282", "text": "黑2"} // ] // }, // { // "id": "225", "text": "白色系列", // "children": [{ "id": "281", "text": "白1" }, // { "id": "283", "text": "白2" } // ] // }], //请求数据的一般处理程序的路径 url: getRootPath() + ‘/handler/Page/Product/ProductClassify.ashx?action=MList‘, multiple: false,//是否有多选框 lines: true//选项前是否显示虚线 }); });

一般处理程序:
<%@ WebHandler Language="C#" Class="ProductClassify" %>

using System;
using System.Web;
using System.Data;
using System.Text;
using System.Web.Script.Serialization;

public class ProductClassify : IHttpHandler {
    HttpContext Context = null;
    JiaSoft.BLL.Classify_BLL PClassiyList = new JiaSoft.BLL.Classify_BLL();
    public void ProcessRequest (HttpContext context) {
        Context = context;
        string action = context.Request["action"].ToString();
        responseAction(action);
    }
    private void responseAction(string action)
    {
       if (action.Equals("MList"))  //获得多级列表
        {
            InitComboTree(Context, PClassiyList);
                     
        }
    }
    //初始化ComboTree数据
    public void InitComboTree(HttpContext context, JiaSoft.BLL.Classify_BLL PClassiyList)
    {
            DataTable dt;
            System.Text.StringBuilder sb = new System.Text.StringBuilder(); 
       //数据库设计名称、id、父类id 初始化先获取父类id=0的数据集,返回数据是DataTable类型 dt
= PClassiyList.GetList(" Mtype=102 and ParentID=0 ").Tables[0]; string sbs =string.Empty; if (dt == null) { sbs= "[]"; } StringBuilder builder = new StringBuilder(); builder.Append("["); if (dt.Rows.Count > 0) { for (int i = 0; i < dt.Rows.Count; i++) { builder.Append("{"); builder.Append("\"id\":" + new JavaScriptSerializer().Serialize(dt.Rows[i]["ClassifyID"].ToString())); builder.Append(","); builder.Append("\"text\":" + new JavaScriptSerializer().Serialize(dt.Rows[i]["CodeName"].ToString())); builder.Append(",");
            //调用递归方法 builder
= InitChild(builder, dt.Rows[i]["ClassifyID"].ToString(), PClassiyList); builder.Append("}"); if (i < (dt.Rows.Count - 1)) { builder.Append(","); } } } builder.Append("]"); sbs = builder.ToString(); Context.Response.Write(sbs); } //递归子类 public StringBuilder InitChild(StringBuilder builder, string parentID, JiaSoft.BLL.Classify_BLL PClassiyList) { DataTable dt = PClassiyList.GetList(" Mtype=102 and ParentID=" + parentID ).Tables[0]; if (dt == null) { builder.Append(""); } builder.Append("\"children\":["); if (dt.Rows.Count > 0) { for (int i = 0; i < dt.Rows.Count; i++) { builder.Append("{"); builder.Append("\"id\":" + new JavaScriptSerializer().Serialize(dt.Rows[i]["ClassifyID"].ToString())); builder.Append(","); builder.Append("\"text\":" + new JavaScriptSerializer().Serialize(dt.Rows[i]["CodeName"].ToString())); builder.Append(","); builder = InitChild(builder, dt.Rows[i]["ClassifyID"].ToString(), PClassiyList); builder.Append("}"); if (i < (dt.Rows.Count - 1)) { builder.Append(","); } } } builder.Append("]"); return builder; } public bool IsReusable { get { return false; } } }

效果图:
技术分享

 

 

 

EasyUI ComboTree 递归绑定详解

标签:

原文地址:http://www.cnblogs.com/yutopipp/p/ComboTree.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!