zoukankan      html  css  js  c++  java
  • 一起谈.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)
  • 相关阅读:
    基于 HTML5 WebGL 的 水泥工厂可视化系统
    基于 HTML5 WebGL 的楼宇智能化集成系统(二)
    基于 HTML5 WebGL 的楼宇智能化集成系统(一)
    20200601
    App上线-Unexpected CFBundleExecutable Key
    'CALayer position contains NaN: [nan nan]'异常
    shareSDK由4.2.8升级成4.3.7详解(微信sdk自动升级为1.8.6+)
    从0开始教你 swift
    20年开篇
    19再见,20你好
  • 原文地址:https://www.cnblogs.com/waw/p/2162817.html
Copyright © 2011-2022 走看看