一起谈.NET技术,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


<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
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 成员
}

2. 第二类控件比较复杂,如CheckBoxList是一个CheckBox项列表,其实现了IRepeatInfoUser接口,实现此接口的有如CheckBoxList、DataList、RadioButtonList。下面说明实现步骤

   public class CustomCheckBoxList: ListControl, IRepeatInfoUser,
                    INamingContainer, IPostBackDataHandler
    {
   }

2.1 实现IRepeatInfoUser接口

  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);
           }

  2.2呈现

  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;
           }

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标签,其重写了最后呈现如下

<span style="color:Red;"><input id="RadioButton1" type="radio" name="RadioButton1" value="RadioButton1" /><label for="RadioButton1">测试</label></span>

  虽然2.0中添加了InputAttributesLabelAttributes集合属性,但name属性已经定死了。或者就是再添加一个重复的name属性,或者就是再重新写一个?这个算不算是缺点? 感觉用起来就是不顺心。 感觉越到下面问题越多了,如果有错误还请指出。这次主要学习下如何自定义列表控件,接着打算开始记录下2.0新增的数据源控件如何实现。

上一篇:asp.net控件开发基础(18)

下一篇:asp.net控件开发基础(20)

时间: 2024-09-17 08:35:14

一起谈.NET技术,asp.net控件开发基础(19)的相关文章

ASP.NET控件开发基础(19)

上两篇讨论了基本数据绑定控件的实现步骤,基本上我们按着步骤来就可以做出简单的数据绑定控件了.过年前在看DataGrid的实现,本来想写这个的,但2.0出了GridView了,再说表格控件实现比较复杂,所以先放着.我们一起打开MSDN来看点别的,当然主题还是离不开数据绑定控件. 一.数据绑定控件的模板 打开MSDN一看,我们会发现DataList和DataGrid都不是直接继承自WebControl类的,而是继承自一个叫BaseDataList的类.唯独Repeater是直接继承自WebContr

一起谈.NET技术,asp.net控件开发基础(18)

本篇继续上篇的讨论,可能大家已经在使用asp.net2.0了,DataSource属性不再使用,而是跟数据源控件搭配使用.现在讨论的绑定技术都是基于1.1版本,先熟悉一下,本质上是一样的,这样一步步的学习.对以后绝对有帮助.因为当你使用数据源控件,只需要设置一个DataSourceID,方便的同时你是否知道数据源控件帮你做了什么事情,如果你想觉的够用了,可以不用了解,但我相信你一定会有需求.上篇最后说过了,讨论还刚刚开始,我们大致把核心的方法都写出来了.下面我们继续. 一.控件对比 我们可以使用

一起谈.NET技术,asp.net控件开发基础(20)

上面我们讨论了数据绑定控件的做法,但都未涉及到asp.net2.0中数据源控件的用法,让用惯了数据源控件的人可能感觉不适应.这次我们就开始讨论在asp.net2.0中,我们该如何重新定义数据绑定控件.我一直在想,是先讨论数据源控件呢,还是先讨论数据绑定控件,两者是密不可分的.在看下文之前,我想大家应该对asp.net2.0中的数据源控件使用的简易性非常熟悉了.记得园子的开源项目NBear也为大家提供了数据源控件.个人认为数据源控件和数据绑定控件之间存在着一些约定关系,学习还当从易到难,这里就假定

一起谈.NET技术,asp.net控件开发基础(15)

继续我们的话题吧.自定义控件.如果你还不熟悉自定义控件开发的话,还请看看我以前写了几篇,希望对你有帮助 1.1何处继承 自定义控件一般从以下几个基类(此处不包含数据控件) 一.Control类(所有服务器控件的基类,算是比较底层的类,如果控件功能比较简单,要求不多,可直接继承此类.) 二.WebControl类(标准控件的基类,继承此类,你可以继承其丰富的公共属性,若标准控件中的控件没有你需要的控件,你可以继承此类) 三.CompositeControl 类(2.0新增的类,此类继承自WebCo

一起谈.NET技术,asp.net控件开发基础(13)

1.减轻服务器压力,增加用户体验 服务器功能是强大的,客户端脚本一点也不弱,现在的ajax技术和Atlas技术就是最好的证明,我们总是期待UI有一个好的效果,flash动画给我们带来了很酷的效果,我们至少也可以为我们的服务器控件添加客户端脚本,一方面减少了服务器端的回传,一方面又能为控件提供非常酷的效果.我想我们都很喜欢ATLAS里面很多很酷的控件吧,而且无刷新,服务器控件与客户端脚本交互使用,那会服务器控件变的更加完美. 经过上面的废话,下面我们进入正题 2.简单为服务器控件添加客户端脚本 我

一起谈.NET技术,asp.net控件开发基础(8)

有一些复合控件直接把按钮触发事件所需的事情封装好,另外一种则是自定义事件,更具灵活性,当然这是根据需要设计的.以下会以例子来说明的.下面我们假设我们控件中有两个按钮.以下不列出所有代码,具体可在文章最后下载代码. (1) 直接实现按钮事件 在控件中(以下代码并非实现复合控件)直接实现事件则无需自定义事件,如下代码(如果对数据回传有些不熟悉的话,可先看第三篇,希望对你有帮助) 示例一(只列出局部代码,具体可在文章最后下载代码) void IPostBackEventHandler.RaisePos

一起谈.NET技术,asp.net控件开发基础(2)

或许大家还对为何要重写Render方法存有疑惑,希望大家看看我举的例子,能够明白Render方法和其他两个方法的作用,然后真正明白为何一般情况下只须重写Render方法.我们知道我们每次编写控件时,都需要重写Render方法,我们发现在Control类中很多方法可以重写,但我们没有去重写他们,我们需要遵循一个原则,在需要重载的时候再去重写他们 我们还是先来看看与Render方法相关的两个方法 //RenderControl方法的基本实现 public void RenderControl(Htm

一起谈.NET技术,asp.net控件开发基础(22)

上两篇讨论了如何定义结合数据源控件的数据绑定控件.这次我们一起来看下数据源控件是如何实现的.asp.net2.0已经为我们提供了很多数据源控件,相信大家都用过了,也希望大家对其有所熟悉.关于它能做什么就不说了.下面我们也一起来看看,如何简单的实现. 一.你必须了解的 1.关于数据源控件(DataSourceControl) 虽然表面看来,给数据绑定控件指定DataSourceID属性,数据源控件帮你做了一切工作,其实不然,数据源控件只负责收集与数据交互的相关信息,如:SqlDataSource的

一起谈.NET技术,asp.net控件开发基础(17)

本篇将开始介绍如自定义数据绑定控件,这里感谢很多人的支持,有你们的支持很高兴.这里首先需要大家熟悉asp.net模板控件的使用,还有自定义模板控件.因为数据绑定控件多是基于模板控件的. 一.回顾 如果你使用过asp.net内置的数据控件(如DataList,Repeater),你一定会这么做 1.设置数据源 DataSource属性 2.调用数据绑定  DataBind方法 3.在控件的不同模板内使用绑定语法显示数据 这三步应该是必须要做的 其他更多的 你可能需要对绑定的数据进行统一的一些操作(