asp.net控件开发基础(19)
一.数据绑定控件的模板
打开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>
其实现效果和DropDownList一模一样。Repeater灵活,但这种做法并不优雅。列表控件也有一个抽象类ListControl。列表控件从此类派生。2.0新加了一个控件BulletedList.相信大家对这几个控件是绝对的很熟悉,常与其打交道,我们就一起来看看他们是怎么实现的。
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方法稍微复杂点,其他的应该都没什么
public class CustomDropDownList : ListControl, IPostBackDataHandler
{
[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 成员#region IPostBackDataHandler 成员
public bool LoadPostData(string postDataKey, System.Collections.Specialized.NameValueCollection postCollection)
{
string[] values = postCollection.GetValues(postDataKey);
this.EnsureDataBound();
if (values != null)
{
ListItem selectitem = Items.FindByValue(values[0]);
int selectedIndex = this.Items.IndexOf(selectitem);
if (this.SelectedIndex != selectedIndex)
{
//设置selected属性
base.SetPostDataSelection(selectedIndex);
return true;
}
}
return false;
}
public void RaisePostDataChangedEvent()
{
OnSelectedIndexChanged(EventArgs.Empty);
}
#endregion
}
2. 第二类控件比较复杂,如CheckBoxList是一个CheckBox项列表,其实现了IRepeatInfoUser接口,实现此接口的有如
CheckBoxList、DataList、RadioButtonList。下面说明实现步骤
INamingContainer, IPostBackDataHandler
{
}
2.1 实现IRepeatInfoUser接口
IRepeatInfoUser接口定义了重复项列表的列表控件实现的属性和方法
RenderItem方法用于呈现其中的一项信息。如下代码
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);
}
2.2呈现
CheckBoxList为复合控件,本该重写TagKey属性和CreateChildControls方法等,而是在构造函数中添加了CheckBox。.net提供了一个RepeatInfo的辅助类,其与实现IRepeatInfoUser接口的控件搭配使用,此类的RenderRepeater方法会调用CheckBoxList的RenderItem方法,然后根据控件的布局自上而下呈现项列表信息。要区分清楚RenderItem方法位呈现一条项信息,RenderRepeater方法是呈现列表信息
此实现过程在Render方法中实现,而非RenderContents方法.
{
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;
}
2.3预呈现
将CheckBoxList中属性赋给子控件,在呈现之前执行必要的预呈现
protected override void OnPreRender(EventArgs e)
{
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);
}
}
}
2.4实现IPostBackDataHandler,当选中时,postCollection[postDataKey]为"on"
protected virtual bool LoadPostData(string postDataKey, NameValueCollection postCollection)
{
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;
}
到这里实现的就差不多了,BulletedList的实现就不再写了。总之控件在不同生命周期完成了不同的事,一步一步的下来就成就了一个控件。
在模板控件中使用的注意点:
记得我以前在用radiobuttonlist时,遇到过一个问题.我想在一个表格中实现一个很简单的效果,如下图
刚开始我以为很简单,把radiobutton放在Repeater里面,radiobutton的GroupName是跟着ID变的。
却忘了服务器控件进了Repeater模板里面其ID属性就会重命名,这带来了很多的不便。于是我想用radiobuttonlist,radiobuttonlist呈现后则为一个表格,不够灵活,我就不得不重写其布局。
更讨厌的是由于radiobutton需要Text属性,其不同于DropDownList(其实DropDownList和ListBox才算的上是名副其实的列表控件),所以无法将input作为父标签,为了共享WebControl成员,只得多加个span标签,其重写了最后呈现如下
虽然2.0中添加了InputAttributes和LabelAttributes集合属性,但name属性已经定死了。或者就是再添加一个重复的name属性,或者就是再重新写一个?这个算不算是缺点? 感觉用起来就是不顺心。
感觉越到下面问题越多了,如果有错误还请指出。这次主要学习下如何自定义列表控件,接着打算开始记录下2.0新增的数据源控件如何实现。
示例代码
转载于:https://www.cnblogs.com/hunterzou/archive/2008/12/19/1358569.html
asp.net控件开发基础(19)相关推荐
- 一起谈.NET技术,asp.net控件开发基础(18)
本篇继续上篇的讨论,可能大家已经在使用asp.net2.0了,DataSource属性不再使用,而是跟数据源控件搭配使用.现在讨论的绑定技术都是基于1.1版本,先熟悉一下,本质上是一样的,这样一步步的 ...
- 一起谈.NET技术,asp.net控件开发基础(20)
上面我们讨论了数据绑定控件的做法,但都未涉及到asp.net2.0中数据源控件的用法,让用惯了数据源控件的人可能感觉不适应.这次我们就开始讨论在asp.net2.0中,我们该如何重新定义数据绑定控件. ...
- asp.net控件开发基础系列
本系列文章示例源码下载.各位如遇问题,请多查msdn,多利用网络.本人可能没时间一一回复,谢谢你们的支持,希望看到此文的人都能学好控件开发 http://www.cnblogs.com/Clingin ...
- 一起谈.NET技术,asp.net控件开发基础(9)
写第五篇的时候,我一步步的加上元数据(特性),使得设计时效果更加好,如对复杂属性应用以下特性,使属性浏览器支持扩展/折叠效果,使你更加容易编辑子属性,但接着我又遇到了问题,所以必须去解决 1.认识默认 ...
- 一起谈.NET技术,asp.net控件开发基础(17)
本篇将开始介绍如自定义数据绑定控件,这里感谢很多人的支持,有你们的支持很高兴.这里首先需要大家熟悉asp.net模板控件的使用,还有自定义模板控件.因为数据绑定控件多是基于模板控件的. 一.回顾 如果 ...
- 一起谈.NET技术,asp.net控件开发基础(13)
1.减轻服务器压力,增加用户体验 服务器功能是强大的,客户端脚本一点也不弱,现在的ajax技术和Atlas技术就是最好的证明,我们总是期待UI有一个好的效果,flash动画给我们带来了很酷的效果,我们 ...
- asp.net控件开发基础(21)
示例代码 上篇介绍了在asp.net2.0版本下面如何简单的定义数据绑定控件.虽然DataBoundControl为我们提供了便利,我们以后可以从此类开始编写数据绑定控件.但是在2.0版本未到来之前, ...
- ASP.NET控件开发基础5
上一篇简单的讲了从WebControl继承的控件(好象我讲的都是简单的,嘿嘿).本次讲的更简单,主题是是属性,只当分享经验,希望对大家有帮助 我们根据属性的不同表现形式,把其区分为简单属性和复杂属性 ...
- asp.net控件开发基础(20)
示例代码 上面我们讨论了数据绑定控件的做法,但都未涉及到asp.net2.0中数据源控件的用法,让用惯了数据源控件的人可能感觉不适应.这次我们就开始讨论在asp.net2.0中,我们该 ...
最新文章
- MongoDB主动撤回SSPL的开源许可申请
- linux断电关机后,进度条满后卡在那里
- 简易而又灵活的Javascript拖拽框架(四)
- 码长6075的qc-ldpc编译码的MATLAB误码率仿真
- 队列和消息队列_消息队列概述[幻灯片]
- [react] 举例说明如何在React创建一个事件
- mysql的纵向扩展方案_SQL Server横向扩展方案-SODA
- OpenHarmony移植案例:如何适配服务启动引导部件bootstrap_lite
- 高级运维需要掌握哪些技术?
- 蜂鸣器播放天空之城详细解析
- https 配置自建ca
- 联想小新固态硬盘安装Win7或者win10过程
- 数据通信与计算机网络复习笔记
- 一到两年工作经验的看完这些面试轻松拿offer
- c++minmax函数_std :: minmax()函数以及C ++ STL中的示例
- 阿里自研UED计件平台技术解析
- IR2184死区时间介绍
- go 字符转ASCII 字符转成数字
- Unity基础:AR(增强现实)的学习
- indexeddb_深入IndexedDB
热门文章
- 街头抓拍之一:酷似福克纳的老头
- 安卓PopupWindow使用详解与源码分析(附项目实例)
- UART 异步串行通信发送模块设计与实现
- C++ 输出调试信息 类似MFC的TRACE等宏
- java 字符串子串_java实现字符串匹配求两个字符串的最大公共子串
- 电脑关闭计算机怎么重启计算机,教您电脑关机后总是重启怎么办
- GPU Gems2 - 3 几何体实例化的内幕(Inside Geometry Instancing)
- 对flex深入研究一点
- Python中字符串操作函数string.split('str1')和string.join(ls)
- jekins构建触发器详解