C#實(shí)現(xiàn)無限級(jí)聯(lián)下拉列表框
本文實(shí)例為大家分享了無限級(jí)聯(lián)下拉列表框的的實(shí)現(xiàn)方法,具體內(nèi)容如下
可能有一個(gè)樹型結(jié)構(gòu)的表,它可能有ID,Name,ParentID,Level等字段,下面要實(shí)現(xiàn)的就是從一級(jí)節(jié)點(diǎn)開始,一級(jí)一級(jí)的列出來,并以
下拉列表框的形式體現(xiàn)出來,就像是N級(jí)聯(lián)動(dòng)。
效果圖:
兩個(gè)問題:
1、建立操作時(shí)的聯(lián)動(dòng),它不需要進(jìn)行自動(dòng)綁定
2、編輯操作時(shí)的聯(lián)運(yùn),它需要根據(jù)子節(jié)點(diǎn),逐級(jí)自己綁定到父節(jié)點(diǎn),直到根
實(shí)現(xiàn):
JS代碼
<script type="text/javascript"> function areaOnSelect(obj) { var res = ''; $.ajax({ url: '@Url.Action("GetSubTree")', type: 'GET', data: { parentId: obj.value }, success: function (msg) { $(obj).nextAll().remove(); res = "<select name='Sub' onchange='areaOnSelect(this)'>"; res += "<option value=''>請(qǐng)選擇</option>"; $.each(msg, function (i, item) { res += "<option value='" + item["ID"] + "'>" + item["Name"] + "</option>"; }); res += "</select>"; if ($(res).find("option").size() > 1) $(obj).after(res); } }); } </script>
C#代碼:
#region 樹型結(jié)構(gòu)相關(guān) /// <summary> /// 遞歸找老祖宗 /// </summary> /// <param name="father"></param> void GetFather(SubItem father) { if (father != null) { father.Parent = _subList.FirstOrDefault(i => i.ID == father.ParentID); GetFather(father.Parent); } } /// <summary> /// 弟妹找子孫 /// </summary> /// <param name="father">父對(duì)象</param> void getSons(SubItem father) { if (father != null) { father.Sons = _subList.Where(item => item.ParentID.Equals(father.ID)).ToList(); father.Sons.ForEach(item => { item.Parent = father; getSons(item); }); } } #endregion
C#拼接下拉列表框相關(guān):
/// <summary> /// 遞歸得到它的所有祖宗以selectlist的形式進(jìn)行拼接 /// </summary> /// <param name="son"></param> /// <param name="sbr"></param> void getSelectList(SubItem son, StringBuilder sbr) { StringBuilder inSbr = new StringBuilder(); if (son != null) { if (son.ParentID == 0) inSbr.Append("<select name='Parent' onchange = 'areaOnSelect(this)' >"); else inSbr.Append("<select name='Sub'>"); GetCommon_CategoryByLevel(son.Level).ToList().ForEach(i => { if (i.ID == son.ID) inSbr.Append("<option value='" + i.ID + "' selected='true'>" + i.Name + "</option>"); else inSbr.Append("<option value='" + i.ID + "'>" + i.Name + "</option>"); }); inSbr.Append("</select>"); sbr.Insert(0, inSbr); getSelectList(son.Parent, sbr); } }
C#得到同一深度的節(jié)點(diǎn)(同輩節(jié)點(diǎn))相關(guān):
/// <summary> /// 得到指定深度的列表 /// </summary> /// <param name="level"></param> /// <returns></returns> public List<SubItem> GetCommon_CategoryByLevel(int level) { var linq = from data1 in _subList join data2 in _subList on data1.ParentID equals data2.ID into list select new SubItem { ID = data1.ID, Level = data1.Level, Name = data1.Name, Parent = list.FirstOrDefault(), ParentID = data1.ParentID, }; return linq.Where(i => i.Level.Equals(level)).ToList(); }
MVC頁面action相關(guān):
public ActionResult Category(int? id) { ViewData["Parent"] = new SelectList(_subList.Where(i => i.ID == (id ?? 0)), "ID", "Name", id ?? 1); SubItem current = _subList.FirstOrDefault(i => i.ID == (id ?? 1)); GetFather(current); StringBuilder sbr = new StringBuilder(); getSelectList(current, sbr); ViewData["edit"] = sbr.ToString();//修改時(shí),進(jìn)行綁定 return View(); }
MVC頁面代碼相關(guān):
@Html.Raw(ViewData["edit"].ToString())
C#樹型結(jié)構(gòu)實(shí)體類相關(guān):
/// <summary> /// 樹型分類結(jié)構(gòu) /// </summary> public class Category { /// <summary> /// 父ID /// </summary> public int ParentID { get; set; } /// <summary> /// 樹ID /// </summary> public int ID { get; set; } /// <summary> /// 樹名稱 /// </summary> public string Name { get; set; } /// <summary> /// 深度 /// </summary> public int Level { get; set; } /// <summary> /// 子孫節(jié)點(diǎn) /// </summary> public List<Category> Sons { get; set; } /// <summary> /// 父節(jié)點(diǎn) /// </summary> public Category Parent { get; set; } }
好了,現(xiàn)在我們的N級(jí)無限下拉列表框就做好了,感謝大家的閱讀。
- 簡(jiǎn)述C#枚舉高級(jí)戰(zhàn)術(shù)
- 詳細(xì)了解C# 枚舉與位枚舉
- 快速學(xué)習(xí)c# 枚舉
- C#如何獲取枚舉的描述屬性詳解
- C#如何給枚舉類型增加一個(gè)描述特性詳解
- C#中如何為枚舉類型添加描述方法【小技巧】
- C#如何利用反射將枚舉綁定到下拉框詳解
- C# Ado.net實(shí)現(xiàn)讀取SQLServer數(shù)據(jù)庫存儲(chǔ)過程列表及參數(shù)信息示例
- C#開發(fā)微信門戶及應(yīng)用(4) 關(guān)注用戶列表及詳細(xì)信息管理
- C#獲取串口列表實(shí)現(xiàn)實(shí)時(shí)監(jiān)控串口
- C#將HashTable中鍵列表或值列表復(fù)制到一維數(shù)組的方法
- C#操作DataTable方法實(shí)現(xiàn)過濾、取前N條數(shù)據(jù)及獲取指定列數(shù)據(jù)列表的方法
- C#使用linq計(jì)算執(zhí)行元素在列表中出現(xiàn)次數(shù)的方法
- C#查找列表中所有重復(fù)出現(xiàn)元素的方法
- C# 實(shí)現(xiàn)枚舉轉(zhuǎn)列表
相關(guān)文章
Unity游戲開發(fā)之炸彈人游戲的實(shí)現(xiàn)
大家小時(shí)候肯定玩過這款游戲,炸彈人也算是經(jīng)典中的經(jīng)典啦。本文將利用Unity模擬實(shí)現(xiàn)這一經(jīng)典游戲,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-03-03C#創(chuàng)建WCF服務(wù)控制臺(tái)應(yīng)用程序詳解
這篇文章主要為大家詳細(xì)介紹了C#創(chuàng)建WCF服務(wù)控制臺(tái)應(yīng)用程序,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07C# 反射與 Quartz 實(shí)現(xiàn)流程處理詳情
根據(jù)要實(shí)現(xiàn)流程處理,比如用戶可以定義一個(gè)定時(shí)任務(wù),每周一查看報(bào)表。任務(wù)是用Quartz可實(shí)現(xiàn),但用戶自己選擇報(bào)表就比較麻煩,這時(shí)因?yàn)橄到y(tǒng)的不同模塊的生成報(bào)表的函數(shù)不同,這時(shí)便可以傳入一個(gè)方法名和方法的輸入?yún)?shù),就可以調(diào)用該方法。下面小編我為大家介紹具體過程2021-09-09