樹形下拉框?qū)崿F(xiàn) mini-treeselect

追求效率，直接進(jìn)入主題吧…..

效果：

前臺代碼

<linkhref="../../_frontend/3rd/miniui/miniui.css"rel="stylesheet" />

<scriptsrc="../../_frontend/3rd/miniui/miniui.js"></script>

<input class="mini-treeselect" id="ipAJLY"runat="server" url="Data/AjaxService.ashx?method=GetEventSource&userid="textfield="" valuefield="" parentfield=""expand />

簡析：

Textfield：顯示文本值

valuefield：id

parentfield：父類編碼

expand 默認(rèn)全部展開

后臺代碼

需要添加Newtonsoft.Json.dll引用

添加一般處理程序 AjaxService.ashx

public voidProce***equest(HttpContext context)

        {

            context.Response.ContentType ="text/plain";

            string method =context.Request.GetRequestValueByParam("method");

            if (method.ToLower() == "GetEventSource".ToLower())

            {

                GetEventSource(context);

            }

        }

public voidGetEventSource(HttpContext context)

        {

           DataTable dt = new DataTable();//獲取你需要綁定的數(shù)據(jù)

           context.Response.Write(Newtonsoft.Json.JsonConvert.SerializeObject(dt));//序列化

        }

mini-treeselect具體屬性方法說明：

參考網(wǎng)址：http://www.miniui.com/docs/api/index.html#ui=treeselect