asp.net DropDownList自定義控件，讓你的分類更清晰

更新時間：2011年10月07日 00:36:55 作者：

記得上次做論壇，一個功能就是合并2個子板塊的主題，用級聯(lián)的2個DropDownList也是可以完成，那樣我們要合并的時候總共就有4個DropDownList控件，覺得界面友好

看到Discuz是2個下拉列表進行合并的，網(wǎng)上找了一些資料，然后寫了這個小源碼，在這里和大家分享一下！
運行效果圖，如下所示（深黑的地方選不中，因為那是上一級的分類）：

項目結構圖如下所示：

Controls類庫SmartDropDownList.cs代碼如下所示：

SmartDropDownList.cs

復制代碼代碼如下:

 
using System; 
2 using System.Collections.Generic; 
3 using System.Linq; 
4 using System.Text; 
5 using System.Web.UI.WebControls; 
6 using System.Web.UI; 
7 using System.ComponentModel; 
8 using System.Web; 
9 
namespace mydream.Controls 
{ 
[ToolboxData("<{0}:SmartDropDownList runat=server></{0}:SmartDropDownList>")] 
public class SmartDropDownList : DropDownList 
{ 
/// <summary> 
/// 構造函數(shù) 
/// </summary> 
public SmartDropDownList() { } 
/// <summary> 
/// 將控件的內(nèi)容呈現(xiàn)到指定的編寫器中 
/// </summary> 
/// <param name="writer"></param> 
protected override void RenderContents(HtmlTextWriter writer) 
{ 
OptionGroupRenderContents(writer); 
} 
/// <summary> 
/// 呈現(xiàn)Option或OptionGroup 
/// </summary> 
/// <param name="writer">writer</param> 
private void OptionGroupRenderContents(HtmlTextWriter writer) 
{ 
// 是否需要呈現(xiàn)OptionGroup的EndTag 
bool writerEndTag = false; 
foreach (ListItem li in this.Items) 
{ 
// 如果沒有optgroup屬性則呈現(xiàn)Option 
if (li.Value != this.OptionGroupValue) 
{ 
// 呈現(xiàn)Option 
RenderListItem(li, writer); 
} 
// 如果有optgroup屬性則呈現(xiàn)OptionGroup 
else 
{ 
if (writerEndTag) 
// 呈現(xiàn)OptionGroup的EndTag 
OptionGroupEndTag(writer); 
else 
writerEndTag = true; 
// 呈現(xiàn)OptionGroup的BeginTag 
OptionGroupBeginTag(li, writer); 
} 
} 
if (writerEndTag) 
// 呈現(xiàn)OptionGroup的EndTag 
OptionGroupEndTag(writer); 
} 
/// <summary> 
/// 呈現(xiàn)OptionGroup的BeginTag 
/// </summary> 
/// <param name="li">OptionGroup數(shù)據(jù)項</param> 
/// <param name="writer">writer</param> 
private void OptionGroupBeginTag(ListItem li, HtmlTextWriter writer) 
{ 
writer.WriteBeginTag("optgroup"); 
// 寫入OptionGroup的label 
writer.WriteAttribute("label", li.Text); 
foreach (string key in li.Attributes.Keys) 
{ 
// 寫入OptionGroup的其它屬性 
writer.WriteAttribute(key, li.Attributes[key]); 
} 
writer.Write(HtmlTextWriter.TagRightChar); 
writer.WriteLine(); 
} 
/// <summary> 
/// 呈現(xiàn)OptionGroup的EndTag 
/// </summary> 
/// <param name="writer">writer</param> 
private void OptionGroupEndTag(HtmlTextWriter writer) 
{ 
writer.WriteEndTag("optgroup"); 
writer.WriteLine(); 
} 
/// <summary> 
/// 呈現(xiàn)Option 
/// </summary> 
/// <param name="li">Option數(shù)據(jù)項</param> 
/// <param name="writer">writer</param> 
private void RenderListItem(ListItem li, HtmlTextWriter writer) 
{ 
writer.WriteBeginTag("option"); 
// 寫入Option的Value 
writer.WriteAttribute("value", li.Value, true); 
if (li.Selected) 
{ 
// 如果該Option被選中則寫入selected 
writer.WriteAttribute("selected", "selected", false); 
} 
foreach (string key in li.Attributes.Keys) 
{ 
// 寫入Option的其它屬性 
writer.WriteAttribute(key, li.Attributes[key]); 
} 
writer.Write(HtmlTextWriter.TagRightChar); 
// 寫入Option的Text 
HttpUtility.HtmlEncode(li.Text, writer); 
writer.WriteEndTag("option"); 
writer.WriteLine(); 
} 
/// <summary> 
/// 用于添加SmartDropDownList的分組項的ListItem的Value值 
/// </summary> 
[ 
Browsable(true), 
Description("用于添加DropDownList的分組項的ListItem的Value值"), 
Category("擴展") 
] 
public virtual string OptionGroupValue 
{ 
get 
{ 
string s = (string)ViewState["OptionGroupValue"]; 
return (s == null) ? "optgroup" : s; 
} 
set 
{ 
ViewState["OptionGroupValue"] = value; 
} 
} 
} 
} 

smartDropDownList.aspx頁面代碼如下所示：
smartDropDownList.aspx

復制代碼代碼如下:

 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="smartDropDownList.aspx.cs" Inherits="smartDropDownList" %> 
<%@ Register Assembly="Controls" Namespace="mydream.Controls" TagPrefix="cc1" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<cc1:SmartDropDownList ID="SmartDropDownList1" runat="server"> 
</cc1:SmartDropDownList> 
</div> 
</form> 
</body> 
</html> 

smartDropDownList.aspx頁面smartDropDownList.cs如下所示：
smartDropDownList.cs

復制代碼代碼如下:

 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Data; 
public partial class smartDropDownList : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
this.Bindddlist(this.SmartDropDownList1); 
} 
} 
/// <summary> 
/// 板塊ListItem 
/// </summary> 
/// <returns></returns> 
private List<ListItem> GetBoardList() 
{ 
List<ListItem> list = new List<ListItem>(); 
for (int i = 1; i < 6; i++) 
{ 
ListItem li = new ListItem("這里是板塊"+i,i.ToString()); 
list.Add(li); 
} 
return list; 
} 
/// <summary> 
/// 子板塊ListItem 
/// </summary> 
/// <returns></returns> 
private List<ListItem> GetSubBoardList() 
{ 
List<ListItem> list=this.GetBoardList(); 
List<ListItem> list_sub = new List<ListItem>(); 
foreach (ListItem li in list) 
{ 
ListItem li_sub = new ListItem("這一項是上一級的子板塊", "這里是你像傳遞參數(shù)的值"); 
list_sub.Add(li_sub); 
} 
return list_sub; 
} 
/// <summary> 
/// 綁定下拉控件數(shù)據(jù) 
/// </summary> 
private void Bindddlist(mydream.Controls.SmartDropDownList smartddlist) 
{ 
smartddlist.Items.Clear(); 
List<ListItem> list = this.GetBoardList(); 
foreach (ListItem li in list) 
{ 
ListItem item = new ListItem("--" + li.Text, "optgroup"); 
smartddlist.Items.Add(item); 
List<ListItem> list_sub = this.GetSubBoardList(); 
foreach (ListItem li_sub in list_sub) 
{ 
smartddlist.Items.Add(li_sub); 
} 
} 
smartddlist.DataBind(); 
} 
} 