现在的位置: 首页 > 综合 > 正文

asp.net控件开发基础(19) ——–数据列表绑定控件

2013年06月05日 ⁄ 综合 ⁄ 共 7090字 ⁄ 字号 评论关闭
上两篇讨论了基本数据绑定控件的实现步骤,基本上我们按着步骤来就可以做出简单的数据绑定控件了。过年前在看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();
        }


        
#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。下面说明实现步骤

   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中属性赋给子控件,在呈现之前执行必要的预呈现


抱歉!评论已关闭.