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>
ExpandedBlockStart.gifContractedBlock.gif       
<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方法稍微复杂点,其他的应该都没什么

ContractedBlock.gifExpandedBlockStart.gif
public class CustomDropDownList : ListControl, IPostBackDataHandler
ExpandedBlockStart.gifContractedBlock.gif    
{

        [DefaultValue(
0), 
        DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)]
        
public override int SelectedIndex
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
            
get
ExpandedSubBlockStart.gifContractedSubBlock.gif            
{
                
int selectedIndex = base.SelectedIndex;
                
if ((selectedIndex < 0&& (this.Items.Count > 0))
ExpandedSubBlockStart.gifContractedSubBlock.gif                
{
                    
this.Items[0].Selected = true;
                    selectedIndex 
= 0;
                }

                
return selectedIndex;
            }

            
set
ExpandedSubBlockStart.gifContractedSubBlock.gif            
{
                
base.SelectedIndex = value;
            }

        }



        
protected override void AddAttributesToRender(HtmlTextWriter writer)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
            
string uniqueID = this.UniqueID;
            
if (uniqueID != null)
ExpandedSubBlockStart.gifContractedSubBlock.gif            
{
                writer.AddAttribute(HtmlTextWriterAttribute.Name, uniqueID);
            }

            
base.AddAttributesToRender(writer);
        }


        
protected override ControlCollection CreateControlCollection()
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
            
base.CreateControlCollection();
        }


ContractedSubBlock.gifExpandedSubBlockStart.gif        
IPostBackDataHandler 成员#region IPostBackDataHandler 成员

        
public bool LoadPostData(string postDataKey, System.Collections.Specialized.NameValueCollection postCollection)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
            
string[] values = postCollection.GetValues(postDataKey);
            
this.EnsureDataBound();
            
if (values != null)
ExpandedSubBlockStart.gifContractedSubBlock.gif            
{
                ListItem selectitem 
= Items.FindByValue(values[0]);
               
                
int selectedIndex = this.Items.IndexOf(selectitem);
                
if (this.SelectedIndex != selectedIndex)
ExpandedSubBlockStart.gifContractedSubBlock.gif                
{
                    
//设置selected属性
                    base.SetPostDataSelection(selectedIndex);
                    
return true;
                }

            }

            
return false;
        }


        
public void RaisePostDataChangedEvent()
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
            OnSelectedIndexChanged(EventArgs.Empty);
        }


        
#endregion

    }


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

   public class CustomCheckBoxList: ListControl, IRepeatInfoUser,
                    INamingContainer, IPostBackDataHandler
ExpandedBlockStart.gifContractedBlock.gif    
{
   }


2.1 实现IRepeatInfoUser接口

IRepeatInfoUser接口定义了重复项列表的列表控件实现的属性和方法

RenderItem方法用于呈现其中的一项信息。如下代码

protected virtual void RenderItem(ListItemType itemType,
                    
int repeatIndex,
                    RepeatInfo repeatInfo,
                    HtmlTextWriter writer)
ExpandedBlockStart.gifContractedBlock.gif           
{
               ListItem item 
= Items[repeatIndex];
               check_box.Attributes.Clear();
               
if (item.Attributes.Count>0)
ExpandedSubBlockStart.gifContractedSubBlock.gif               
{
                   
foreach (string text in item.Attributes.Keys)
ExpandedSubBlockStart.gifContractedSubBlock.gif                   
{
                       
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)
ExpandedBlockStart.gifContractedBlock.gif           
{

               RepeatInfo ri 
= new RepeatInfo();
               
//设置呈现布局
               ri.RepeatColumns = RepeatColumns;
               ri.RepeatDirection 
= RepeatDirection;
               ri.RepeatLayout 
= RepeatLayout;

               
short ti = 0;
               
if (TabIndex != 0)
ExpandedSubBlockStart.gifContractedSubBlock.gif               
{
                   check_box.TabIndex 
= TabIndex;
                   ti 
= TabIndex;
                   TabIndex 
= 0;
               }


               
//呈现项列表信息
               ri.RenderRepeater(writer, this, ControlStyle, this);

               
if (ti != 0)
                   TabIndex 
= ti;
           }

2.3预呈现
将CheckBoxList中属性赋给子控件,在呈现之前执行必要的预呈现

ContractedBlock.gifExpandedBlockStart.gif
     protected override void OnPreRender(EventArgs e)
ExpandedBlockStart.gifContractedBlock.gif           
{
               
base.OnPreRender(e);

               check_box.AutoPostBack 
= AutoPostBack;
               check_box.CausesValidation 
= CausesValidation;
               check_box.ValidationGroup 
= ValidationGroup;

               
               
//自动回传
               for (int i = 0; i < Items.Count; i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif               
{
                   
if (Items[i].Selected)
ExpandedSubBlockStart.gifContractedSubBlock.gif                   
{
                       check_box.ID 
= i.ToString(CultureInfo.InvariantCulture);
                       Page.RegisterRequiresPostBack(check_box);
                   }

               }

           }

2.4实现IPostBackDataHandler,当选中时,postCollection[postDataKey]为"on"

ContractedBlock.gifExpandedBlockStart.gif
         protected virtual bool LoadPostData(string postDataKey, NameValueCollection postCollection)
ExpandedBlockStart.gifContractedBlock.gif           
{
               
int checkbox = -1;

               
try
ExpandedSubBlockStart.gifContractedSubBlock.gif               
{
                   
string id = postDataKey.Substring(ClientID.Length + 1);
                   
if (Char.IsDigit(id[0]))
                       checkbox 
= Int32.Parse(id, CultureInfo.InvariantCulture);
               }

               
catch
ExpandedSubBlockStart.gifContractedSubBlock.gif               
{
                   
return false;
               }


               
if (checkbox == -1)
                   
return false;

               
string val = postCollection[postDataKey];
               
bool ischecked = val == "on";
               ListItem item 
= Items[checkbox];

               
if (item.Selected != ischecked)
ExpandedSubBlockStart.gifContractedSubBlock.gif               
{
                   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新增的数据源控件如何实现。

示例代码

转载于:https://www.cnblogs.com/hunterzou/archive/2008/12/19/1358569.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/264446.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1048 Find Coins

水题&#xff0c;详见代码&#xff5e; #include <iostream> #include <string.h> #include <cstdio> #include <algorithm> #include <cstdlib> #include <math.h> #include <queue> #include <stack> #include <vector&g…

php组件是啥,浅谈PHP组件、框架以及Composer

本篇文章主要介绍了PHP组件、框架以及Composer&#xff0c;具有一定的学习价值&#xff0c;感兴趣的朋友可以了解一下。什么是组件组件是一组打包的代码&#xff0c;是一系列相关的类、接口和Trait&#xff0c;用于帮助我们解决PHP应用中某个具体问题。例如&#xff0c;你的PHP…

{转}maven+continuum安装与配置

为什么80%的码农都做不了架构师&#xff1f;>>> 一、下载 1. maven: 项目管理工具&#xff0c;可以进行项目的编译、测试、布置、发布等 下载路径&#xff1a;http://apache.etoak.com/maven/binaries/apache-maven-2.2.1-bin.zip 2. continuum: 基本实现的功能&…

.net Excel导出出现乱码及excel打开出现错误提示

测试人员测试发现。导出excel出现乱码以及出现文件可正常导出、后几次导出却异常。 使用的系统浏览器&#xff1a; 其他360浏览器、谷歌浏览器均正常。 出现情况如下&#xff1a; 查资料发现&#xff0c;之前导出代码编写的 Response.AppendHeader("Content-Disposition&q…

rsync推拉模型及结合inotify实现推模型自动同步

一、前言 无论使用什么操作系统下&#xff0c;都经常有同步文件的需求&#xff0c;不管发生在本地&#xff0c;还是发生在本地和远程主机之间。那么应该怎么做呢&#xff1f; 使用拷贝类的命令&#xff0c;本地使用cp命令&#xff0c;复制到远程主机使用scp这样的命令&#xff…

oracle to pgsql,PostgresToOracle

PostgresToOracle官方版是一款十分专业和实用的PostgreSQL数据库迁移到Oracle工具&#xff0c;PostgresToOracle官方版功能出色&#xff0c;操作便捷&#xff0c;能够轻松快捷的帮助大家将PostgreSQL数据导入到oracle数据中&#xff0c;导入之后可以进行数据编辑&#xff0c;此…

Struts2中的OGNL详解

2019独角兽企业重金招聘Python工程师标准>>> 首先了解下OGNL的概念&#xff1a; OGNL是Object-Graph Navigation Language的缩写&#xff0c;全称为对象图导航语言&#xff0c;是一种功能强大的表达式语言&#xff0c;它通过简单一致的语法&#xff0c;可以任意存取…

C# 之 HttpResponse 类

Response 对象&#xff0c;派生自HttpResponse 类&#xff0c;该类封装来自 ASP.NET 操作的 HTTP 响应信息。存在于System.Web命名空间下。 注&#xff1a;MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型就是设定某种扩展名的文件用一种应用程序来打开的…

11个实用的CSS学习工具

为什么80%的码农都做不了架构师&#xff1f;>>> 1. 盒子模型的幻灯片 通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换&#xff0c;全屏观看会有更好的效果。 2. CSS Diner 通过一个简单的小游戏让你学习CSS selector&#xff0c;输入正确的selector来完…

Google 节日徽标全集 (1999-2009) (下)

这是 Google 节日徽标全集的第三部分&#xff0c;也是最后一部分&#xff0c;包含 Google 2006 至 2009 年 2 月全部节日徽标。需要指出的是&#xff0c;这些徽标均来自 Google 国际站点&#xff0c;也就是 www.google.com&#xff0c;Google 在众多本地站点上还有大量本土化的…

HBuilder:最快的Web开发IDE

HBuilder&#xff1a;最快的Web开发IDE http://www.csdn.net/article/2014-02-07/2818326-HBuilder-the-fastest-web-ide发表于2014-02-11 10:38| 26194次阅读| 来源CSDN| 59 条评论| 作者CSDN移动前端开发HBuilder数字天堂王安Web开发HTML5DCloud摘要&#xff1a;HBuilder是DC…

Pycharm 项目无法导入自己写的模块(问题记录贴)

问题&#xff1a; 从外部导入一个Python项目后&#xff0c;发现包错误&#xff0c;如图&#xff1a; 解决步骤&#xff1a; 1.将目录下的"5-6——apriori.py"复制一份&#xff0c;重命名为”apriori.py"&#xff1b; 2.查资料知&#xff0c;pycharm不会将当前文…

Win2000/XP/2003路由制作之Nat共享上网

Win2000/XP/2003&#xff08;必须SERVER&#xff08;服务&#xff09;版本的&#xff09;ROUTEROS不会或则你的路由器突然坏了。紧急情况下&#xff0c;为了让老板的网吧正常营业&#xff0c;随手找个电脑就可以正常工作了。好吧。言归正传。NAT服务器软硬件准备俗话说“巧妇难…

Linux中的Interrupted system call错误

2019独角兽企业重金招聘Python工程师标准>>> 最近公司的一个项目&#xff0c;上线时候遇到了一些问题&#xff0c;服务跑一段时间后连接不上。 发现报了Interrupted system call这个错误引起的。 查了下资料&#xff0c;大致原因是系统繁忙处理不过来导致的。 根据网…

JAVA格式化当前日期或者取年月日

Date d new Date(); System.out.println(d); SimpleDateFormat sdf new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String dateNowStr sdf.format(d); System.out.println("格式化后的日期&#xff1a;" dateNowStr); 转载于:https://www.cnblo…

ubuntu查看硬件信息

ubuntu查看硬件信息 1,外部探针probe sudo apt-get install hwinfo 执行hwinfo获取系统信息 --short 2,系统命令dmidecode(硬件信息) or dmesg(主要是开机信息) 基于命令ubuntu 系统硬件信息查看 主板信息,序列号,产品名 dmesg | grep -i cpu dmidecode -t processor 硬盘(分区…

linux win10虚拟内存,高手解惑win10系统电脑虚拟内存不足的还原技巧

我们在使用电脑的时候&#xff0c;难免会遇到win10系统电脑虚拟内存不足的情况&#xff0c;根据小编的调查并不是所有的朋友都知道win10系统电脑虚拟内存不足的问题怎么解决&#xff0c;针对win10系统电脑虚拟内存不足的问题&#xff0c;我给大家整理总结了详细的解决步骤&…

linux python3运行,将Python3安装到Linux上并运行

将Python3安装到Linux上并运行使用win10开发一个很好的python项目并把它部署到Linux中&#xff0c;有一个问题需要解决&#xff1a;如何在Linux中运行py文件&#xff1f;以LunixCentOS7.x平台为例&#xff0c;CentOS系统已经有了python2.x的自带版本&#xff0c;可以通过命令查…

LINQ to SQL学习的几个问题

问题一&#xff1a; 什么情况下我们使用自动属性功能&#xff0c;生成自动属性时内部没有明确的私有变量那么我们如何访问这个私有变量呢&#xff1f; 如果不能那我们的封装还有什么存在的意义&#xff1f; Code1 /**//// <summary> 2 /// net 2.0中使用的方法来定义…

C# foreach遇到async和await

一个简单的列子&#xff0c;需要把一个集合的数据添加到数据库中。 我先这样写了&#xff0c;然后报错了 public async Task<IHttpActionResult> Test([FromUri]string name ""){List<string> strList new List<string>() { "测试", &…