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í)無限下拉列表框就做好了,感謝大家的閱讀。
- 簡述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-03
C#創(chuàng)建WCF服務(wù)控制臺(tái)應(yīng)用程序詳解
這篇文章主要為大家詳細(xì)介紹了C#創(chuàng)建WCF服務(wù)控制臺(tái)應(yīng)用程序,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
C# 反射與 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

