asp.net控件開發基礎(19)
上兩篇討論了基本數據綁定控件的實現步驟，基本上我們按著步驟來就可以做出簡單的數據綁定控件了。過年前在看DataGrid的實現，本來想寫這個的，但2.0出了GridView了，再說表格控件實現比較復雜，所以先放著。我們一起打開MSDN來看點別的，當然主題還是離不開數據綁定控件。
一.數據綁定控件的模板
打開MSDN一看，我們會發現DataList和DataGrid都不是直接繼承自WebControl類的，而是繼承自一個叫BaseDataList的類。唯獨Repeater是直接繼承自WebControl類的，Repeater的簡單也就代表定義樣式的靈活。DataList和DataGrid則是規規矩矩的經過加工的列表控件。
再看看BaseDataList，其是一個抽象類。其為數據列表控件提供了公共的列表樣式，屬性，布局。并定義了兩個抽象方法CreateControlHierarchy方法和PrepareControlHierarchy方法，留給子類實現，這兩個方法上兩篇，我們都認識過了。主要是因為定義了不同模板和樣式。可以說是一個典型的模板類。
如果你也需要寫一個基于表格的數據綁定控件，可以跳過從WebControl繼承，優先考慮從BaseDataList開始。如果這個抽象類無法滿足需求，那你便放棄他。自己定義一個抽象類，定義公共的屬性，方法等，這樣對以后的擴展有利。當然一般情況下，我們的需求就夠用了。這里我們可以結合設計模式的學習得出的一個結論：把公用的成員抽象出來。說到這里，我們漏掉了一個數據綁定控件的一個大話題,列表綁定控件，如DropDownList,ListBox,CheckBoxList等。
下面來看看Repeater版本的DropDownList
SelectCommand="SELECT top 3 [ProductID], [ProductName] FROM [Alphabetical list of products]">
</asp:SqlDataSource>
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<HeaderTemplate>
<select id="Select1">
</HeaderTemplate>
<ItemTemplate>
<option><%# Eval("ProductName")%></option>
</ItemTemplate>
<FooterTemplate>
</select>
</FooterTemplate>
</asp:Repeater>
<asp:DropDownList ID="DropDownList2"
DataTextField="ProductName"
runat="server" DataSourceID="SqlDataSource1">
</asp:DropDownList>
System.Web.UI.WebControls.ListControl
System.Web.UI.WebControls.BulletedList
System.Web.UI.WebControls.CheckBoxList
System.Web.UI.WebControls.DropDownList
System.Web.UI.WebControls.ListBox
System.Web.UI.WebControls.RadioButtonList
二.列表綁定控件
(1)抽象類ListControl及相關類
像BaseDataList一樣，ListControl也為列表控件提供的公共成員。根據我們的平時使用，列表控件都具有以下功能
1.提供DataTextFormatString屬性，可以對綁定數據文本進行格式化
2.提供數據源屬性DataSource和DataMember屬性
3.提供DataTextField屬性和DataValueField屬性，分別為列表控件數據項提供列表顯示文本和值的數據源字段
4.提供了ListItem，代表列表控件的數據項，此需要實現一個迭代，比數據綁定的做法更加靈活
5.提供ListItemCollection，代表ListItem項集合
6.提供SelectedIndex屬性和SelectedItem屬性進行索引
7.提供SelectedIndexChanged事件并實現IEditableTextControl接口，實現TextChanged事件
8.提供AutoPostBack屬性當用戶更改列表中的選定內容時可以向服務器自動回發
其他還有2.0新增的一些功能，就別再介紹了，大家可以看看MSDN。做了上面這么多工作，接下來的工作就比較的輕松了。
(2)具體子類控件
根據功能的不同，可以把內置的5個控件歸為三類，為什么這么分，可以看看此類圖
1.ListBox和DropDownList
2.CheckBoxList和RadioButtonList
3.BulletedList
這三類控件從ListControl派生，并根據自身功能的不同進行了一些調整
第一類實現最簡單，ListControl本身為其默認實現了很多，其只需要根據自身需求，重寫幾個方法就可以了
第二類控件為復合控件，其實現了IRepeatInfoUser接口，此接口任何重復項列表的列表控件實現的屬性和方法，大多為空實現，主要實現了RenderItem方法。其還定義了控件的布局和現實方法并直接重寫了Render方法，然后用RepeatInfo類來根據RepeatDirection的不同呈現項信息。
第三類控件為新增控件，顯示一個項列表。
要看出不同，則可以根據生成的html代碼進行比較
(3)具體實現
1.簡單實現一個DropDownList，可能就LoadPostData方法稍微復雜點，其他的應該都沒什么
{
[DefaultValue(0),
DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)]
public override int SelectedIndex
{
get
{
int selectedIndex = base.SelectedIndex;
if ((selectedIndex < 0) && (this.Items.Count > 0))
{
this.Items[0].Selected = true;
selectedIndex = 0;
}
return selectedIndex;
}
set
{
base.SelectedIndex = value;
}
}
protected override void AddAttributesToRender(HtmlTextWriter writer)
{
string uniqueID = this.UniqueID;
if (uniqueID != null)
{
writer.AddAttribute(HtmlTextWriterAttribute.Name, uniqueID);
}
base.AddAttributesToRender(writer);
}
protected override ControlCollection CreateControlCollection()
{
base.CreateControlCollection();
}
IPostBackDataHandler 成員
}
public class CustomCheckBoxList: ListControl, IRepeatInfoUser, INamingContainer, IPostBackDataHandler
{
}
IRepeatInfoUser接口定義了重復項列表的列表控件實現的屬性和方法
RenderItem方法用于呈現其中的一項信息。如下代碼
protected virtual void RenderItem(ListItemType itemType, int repeatIndex, RepeatInfo repeatInfo, HtmlTextWriter writer) {
ListItem item = Items[repeatIndex]; check_box.Attributes.Clear(); if (item.Attributes.Count>0)
{
foreach (string text in item.Attributes.Keys) { this.check_box.Attributes[text] = item.Attributes[text];
} } check_box.ID = repeatIndex.ToString(CultureInfo.InvariantCulture); check_box.Text = item.Text; check_box.Checked = item.Selected; check_box.TextAlign = TextAlign; check_box.Enabled = Enabled; check_box.RenderControl(writer); }
CheckBoxList為復合控件，本該重寫TagKey屬性和CreateChildControls方法等，而是在構造函數中添加了CheckBox。.net提供了一個RepeatInfo的輔助類，其與實現IRepeatInfoUser接口的控件搭配使用，此類的RenderRepeater方法會調用CheckBoxList的RenderItem方法，然后根據控件的布局自上而下呈現項列表信息。要區分清楚RenderItem方法位呈現一條項信息，RenderRepeater方法是呈現列表信息。此實現過程在Render方法中實現，而非RenderContents方法.
protected override void Render(HtmlTextWriter writer) { RepeatInfo ri = new RepeatInfo(); //設置呈現布局 ri.RepeatColumns = RepeatColumns; ri.RepeatDirection = RepeatDirection; ri.RepeatLayout = RepeatLayout; short ti = 0; if (TabIndex != 0) { check_box.TabIndex = TabIndex; ti = TabIndex; TabIndex = 0; } //呈現項列表信息 ri.RenderRepeater(writer, this, ControlStyle, this); if (ti != 0) TabIndex = ti; }
將CheckBoxList中屬性賦給子控件，在呈現之前執行必要的預呈現
{
base.OnPreRender(e);
check_box.AutoPostBack = AutoPostBack;
check_box.CausesValidation = CausesValidation;
check_box.ValidationGroup = ValidationGroup;
//自動回傳
for (int i = 0; i < Items.Count; i++)
{
if (Items[i].Selected)
{
check_box.ID = i.ToString(CultureInfo.InvariantCulture);
Page.RegisterRequiresPostBack(check_box);
}
}
}
{
int checkbox = -1;
try
{
string id = postDataKey.Substring(ClientID.Length + 1);
if (Char.IsDigit(id[0]))
checkbox = Int32.Parse(id, CultureInfo.InvariantCulture);
}
catch
{
return false;
}
if (checkbox == -1)
return false;
string val = postCollection[postDataKey];
bool ischecked = val == "on";
ListItem item = Items[checkbox];
if (item.Selected != ischecked)
{
item.Selected = ischecked;
return true;
}
return false;
}
在模板控件中使用的注意點: 記得我以前在用radiobuttonlist時，遇到過一個問題.我想在一個表格中實現一個很簡單的效果，如下圖
剛開始我以為很簡單，把radiobutton放在Repeater里面，radiobutton的GroupName是跟著ID變的。卻忘了服務器控件進了Repeater模板里面其ID屬性就會重命名，這帶來了很多的不便。于是我想用radiobuttonlist，radiobuttonlist呈現后則為一個表格，不夠靈活，我就不得不重寫其布局。更討厭的是由于radiobutton需要Text屬性，其不同于DropDownList(其實DropDownList和ListBox才算的上是名副其實的列表控件),所以無法將input作為父標簽，為了共享WebControl成員，只得多加個span標簽，其重寫了最后呈現如下
<span style="color:Red;"><input id="RadioButton1" type="radio" name="RadioButton1" value="RadioButton1" /><label for="RadioButton1">測試</label></span>
下一篇：asp.net控件開發基礎(20)
留言列表
