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

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

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


<asp:DropDownList ID="DropDownList1" runat="server">


            <asp:ListItem>测试1</asp:ListItem>


            <asp:ListItem>测试2</asp:ListItem>


            <asp:ListItem>测试3</asp:ListItem>


        </asp:DropDownList>

1.实现集合属性效果

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

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

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


 public class DropItem




    

{


        private string text;


        private string value;


        private Color backColor;




        [


         Category("Behavior"),


         DefaultValue(""),


         Description("项文本"),


         NotifyParentProperty(true),


         ]


        public String Text




        

{


            get




            

{


                return text;


            }


            set




            

{


                text = value;


            }


        }




        [


        Category("Behavior"),


        DefaultValue(""),


        Description("项值"),


        NotifyParentProperty(true),


        ]


        public String Value




        

{


            get




            

{


                return value;


            }


            set




            

{


                this.value = value;


            }


        }




        [


        Category("Behavior"),


        DefaultValue(""),


        Description("背景颜色"),


        NotifyParentProperty(true),


        ]


        public Color BackColor




        

{


            get




            

{




                return backColor;


            }


            set




            

{


                backColor = value;


            }


        }




    }

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


 [ParseChildren(true, "DropItemList")]


   public class DropColor:WebControl




    

{


       private ArrayList dropItemList;




        [


        Category("Behavior"),


        Description("项集合"),


        DesignerSerializationVisibility(


            DesignerSerializationVisibility.Content),


        PersistenceMode(PersistenceMode.InnerDefaultProperty),


       


        ]




       //定义集合属性


       public ArrayList DropItemList




        

{


            get




            

{


                if (dropItemList == null)




                

{


                    dropItemList = new ArrayList();


                }


                return dropItemList;


            }


        }




       //重写标签


       protected override HtmlTextWriterTag TagKey




       

{


           get




           

{


               return HtmlTextWriterTag.Select;


           }


       }


       protected override void RenderContents(HtmlTextWriter writer)




       

{


           //输出集合属性


           foreach (DropItem item in dropItemList)




           

{


               DropItem dr = item as DropItem;


               if (dropItemList != null && dropItemList.Count > 0)




               

{


               //颜色转换


               WebColorConverter wcc = new WebColorConverter();


               writer.AddAttribute(HtmlTextWriterAttribute.Value, dr.Value.ToString());


               writer.AddStyleAttribute(HtmlTextWriterStyle.BackgroundColor, wcc.ConvertToString(dr.BackColor));


               writer.RenderBeginTag(HtmlTextWriterTag.Option);


               writer.Write(dr.Text.ToString());


               writer.RenderEndTag();


               }


           }


           base.RenderContents(writer);


       }


    }

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


<custom:DropColor ID="DropColor1" runat="server" ForeColor="White">


        <custom:DropItem BackColor="Yellow" Text="黄色" Value="yellow" />


        <custom:DropItem BackColor="Red" Text="红色" Value="red" />


        <custom:DropItem BackColor="Blue" Text="蓝色" Value="blue" />


        <custom:DropItem BackColor="Green" Text="绿色" Value="green" />


        <custom:DropItem BackColor="Black" Text="黑色" Value="Black" />


        </custom:DropColor>

输出以后的效果如下图



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

2.定义编辑器

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



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

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

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

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



    public class DropItemEditor : CollectionEditor




    

{


        public DropItemEditor(Type type)


            : base(type)




        

{


        }


        //一次可否选择多项


        protected override bool CanSelectMultipleInstances()




        

{


            return false;


        }




        //获取此集合包含的数据类型


        protected override Type CreateCollectionItemType()




        

{


            return typeof(DropItem);


        }


    }

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


        [


        Category("Behavior"),


        Description("项集合"),


        DesignerSerializationVisibility(


            DesignerSerializationVisibility.Content),


        PersistenceMode(PersistenceMode.InnerDefaultProperty),


        Editor(typeof(DropItemEditor), typeof(UITypeEditor)),


        ]


       //定义集合属性


       public ArrayList DropItemList




        

{


            get




            

{


                if (dropItemList == null)




                

{


                    dropItemList = new ArrayList();


                }


                return dropItemList;


            }


        }



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



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






    public class DropItemConverter : ExpandableObjectConverter




    

{




        方法#region 方法


        


        public override bool CanConvertFrom(ITypeDescriptorContext context, Type sourceType)




        

{


            if (sourceType == typeof(string))




            

{


                return true;


            }


            return base.CanConvertFrom(context, sourceType);


        }




        public override bool CanConvertTo(ITypeDescriptorContext context, Type destinationType)




        

{


            if (destinationType == typeof(string))




            

{


                return true;


            }


            return base.CanConvertTo(context, destinationType);


        }




        public override object ConvertFrom(ITypeDescriptorContext context, CultureInfo culture,


            object value)




        

{


            if (value == null)




            

{


                return new DropItem();


            }


            if (value is string)




            

{


                string s = (string)value;


                if (s.Length == 0)




                

{


                    return new DropItem();


                }


                return "DropItem";




            }


            return base.ConvertFrom(context, culture, value);


        }




        public override object ConvertTo(


            ITypeDescriptorContext context,


            CultureInfo culture, object value, Type destinationType)




        

{


            if (value != null)




            

{


                if (!(value is DropItem))




                

{


                    throw new ArgumentException(


                        "Invalid DropItem", "value");


                }


            }




            if (destinationType == typeof(string))




            

{


                if (value == null)




                

{


                    return String.Empty;


                }


                return "DropItem";


            }


            return base.ConvertTo(context, culture, value,


                destinationType);


        }


        #endregion


    }

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


  [TypeConverter(typeof(DropItemConverter))]


    public class DropItem




    

{


    }

再来看下效果



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

示例代码下载