上一篇讨论了类型转换器的使用,这次继续讨论讨论集合属性的使用

集合属性相信大家都很熟悉也很常用,如DropDownList,ListBox等控件

asp.net控件开发基础(10)<asp:DropDownList ID="DropDownList1" runat="server">
asp.net控件开发基础(10)            
<asp:ListItem>测试1</asp:ListItem>
asp.net控件开发基础(10)            
<asp:ListItem>测试2</asp:ListItem>
asp.net控件开发基础(10)            
<asp:ListItem>测试3</asp:ListItem>
asp.net控件开发基础(10)        
</asp:DropDownList>


1.实现集合属性效果

经过前面几篇的学习,相信这一篇看起来已经相对简单了.我们要做的就是,先定义一个复杂属性,然后用迭代语句获取数组数据即可.

如果看过前面几篇就看看下面代码吧,相信看起来很简单,我们模仿一个DropDownList,为其属性添加背景属性,代码如下

先定义一个集合属性,如下

asp.net控件开发基础(10) public class DropItem
    }


 然后自定义一个控件,输出集合属性,如下代码

asp.net控件开发基础(10) [ParseChildren(true"DropItemList")]
asp.net控件开发基础(10)   
public class DropColor:WebControl
    }


上面代码注意颜色类型之间的转换,以下为HTML代码

asp.net控件开发基础(10)<custom:DropColor ID="DropColor1" runat="server" ForeColor="White">
asp.net控件开发基础(10)        
<custom:DropItem BackColor="Yellow" Text="黄色" Value="yellow" />
asp.net控件开发基础(10)        
<custom:DropItem BackColor="Red" Text="红色" Value="red" />
asp.net控件开发基础(10)        
<custom:DropItem BackColor="Blue" Text="蓝色" Value="blue" />
asp.net控件开发基础(10)        
<custom:DropItem BackColor="Green" Text="绿色" Value="green" />
asp.net控件开发基础(10)        
<custom:DropItem BackColor="Black" Text="黑色" Value="Black" />
asp.net控件开发基础(10)        
</custom:DropColor>


输出以后的效果如下图

asp.net控件开发基础(10)


效果还不错吧,而且挺实用的.

2.定义编辑器

大家一般在添加集合属性的时候往往会在.net自带的编辑器中添加数据,这样可以提高效果,不用在HTML视图添加数据.如下图

asp.net控件开发基础(10)


我们也可以为其添加自定义的编辑器,其实我们一直在用.net自带的编辑器,我们称之为 UI编辑器或视图编辑器,如颜色,时间,超级链接等,大家该有所体会

其编辑器的基类为位于System.Drawing.Design命名空间的UITypeEditor,很多UI编辑器都从此类派生,有兴趣的可以去了解下这个类.

你们如何使用使用UI编辑器呢?也跟上一篇讲的类型转换器一样,你先要定义一个UI编辑器,然后与相关属性关联起来.

因为所定义的是一个集合类,而.net已经为我们提供了一个集合编辑器的CollectionEditor类,其已经为我们做了很多工作了,我们最简单的只需重写几个方法即可.具体其他属性和方法请参考MSDN,如下代码

asp.net控件开发基础(10)    public class DropItemEditor : CollectionEditor
    }


然后把集合属性与编辑器关联起来,添加了一个EditorAttribute,第一个参数为指定的编辑器类型,第二个为基本类型

asp.net控件开发基础(10)        [
asp.net控件开发基础(10)        Category(
"Behavior"),
asp.net控件开发基础(10)        Description(
"项集合"),
asp.net控件开发基础(10)        DesignerSerializationVisibility(
asp.net控件开发基础(10)            DesignerSerializationVisibility.Content),
asp.net控件开发基础(10)        PersistenceMode(PersistenceMode.InnerDefaultProperty),
asp.net控件开发基础(10)        Editor(
typeof(DropItemEditor), typeof(UITypeEditor)),
asp.net控件开发基础(10)        ]
asp.net控件开发基础(10)       
//定义集合属性
asp.net控件开发基础(10)
       public ArrayList DropItemList


然后再来看下效果,这样就方面很多了.

asp.net控件开发基础(10)

如果还不想看到编辑器里的CustomComponents的命名空间的话,你可以像上一篇一样自定义一个类型转换器,代码如下:

    }


然后还是照着步骤把属性与其关联起来

asp.net控件开发基础(10)  [TypeConverter(typeof(DropItemConverter))]
asp.net控件开发基础(10)    
public class DropItem
    }


再来看下效果

asp.net控件开发基础(10)


好了,这回讲的比较简单又实用,希望对大家有帮助.大家同时也可以参考MSDN里的例子,下面的示例代码下载我也加上了MSDN的例子.
已经写了10篇了,我们应该有些基础了,我想大家该可以做出一些简单实用的控件了.

示例代码下载

相关文章:

  • 2022-02-11
  • 2022-01-08
  • 2021-08-19
  • 2021-09-28
  • 2021-08-22
  • 2021-10-14
猜你喜欢
  • 2021-12-29
  • 2022-03-10
  • 2021-10-06
  • 2021-10-05
相关资源
相似解决方案