C#實現(xiàn)無限級聯(lián)下拉列表框
本文實例為大家分享了無限級聯(lián)下拉列表框的的實現(xiàn)方法,具體內(nèi)容如下
可能有一個樹型結構的表,它可能有ID,Name,ParentID,Level等字段,下面要實現(xiàn)的就是從一級節(jié)點開始,一級一級的列出來,并以
下拉列表框的形式體現(xiàn)出來,就像是N級聯(lián)動。
效果圖:

兩個問題:
1、建立操作時的聯(lián)動,它不需要進行自動綁定
2、編輯操作時的聯(lián)運,它需要根據(jù)子節(jié)點,逐級自己綁定到父節(jié)點,直到根
實現(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=''>請選擇</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 樹型結構相關
/// <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">父對象</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#拼接下拉列表框相關:
/// <summary>
/// 遞歸得到它的所有祖宗以selectlist的形式進行拼接
/// </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é)點(同輩節(jié)點)相關:
/// <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相關:
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();//修改時,進行綁定
return View();
}
MVC頁面代碼相關:
@Html.Raw(ViewData["edit"].ToString())
C#樹型結構實體類相關:
/// <summary>
/// 樹型分類結構
/// </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é)點
/// </summary>
public List<Category> Sons { get; set; }
/// <summary>
/// 父節(jié)點
/// </summary>
public Category Parent { get; set; }
}
好了,現(xiàn)在我們的N級無限下拉列表框就做好了,感謝大家的閱讀。
- 簡述C#枚舉高級戰(zhàn)術
- 詳細了解C# 枚舉與位枚舉
- 快速學習c# 枚舉
- C#如何獲取枚舉的描述屬性詳解
- C#如何給枚舉類型增加一個描述特性詳解
- C#中如何為枚舉類型添加描述方法【小技巧】
- C#如何利用反射將枚舉綁定到下拉框詳解
- C# Ado.net實現(xiàn)讀取SQLServer數(shù)據(jù)庫存儲過程列表及參數(shù)信息示例
- C#開發(fā)微信門戶及應用(4) 關注用戶列表及詳細信息管理
- C#獲取串口列表實現(xiàn)實時監(jiān)控串口
- C#將HashTable中鍵列表或值列表復制到一維數(shù)組的方法
- C#操作DataTable方法實現(xiàn)過濾、取前N條數(shù)據(jù)及獲取指定列數(shù)據(jù)列表的方法
- C#使用linq計算執(zhí)行元素在列表中出現(xiàn)次數(shù)的方法
- C#查找列表中所有重復出現(xiàn)元素的方法
- C# 實現(xiàn)枚舉轉列表

