ComboBox [开放源代码]

my98800

于 2016-04-22 11:29:32 发布

阅读量869

点赞数

分类专栏： ASP.Net

ASP.Net 专栏收录该内容

258 篇文章 2 订阅

订阅专栏

我在Web项目的开发过程中很多时候都要用到ComboBox，找了很多类似的控件来用发现都不尽如人意，我所希望的能够在WEB上使用的ComboBox应该就是在DropDownList的功能上加入了文本输入功能，我个人比较看重的一点就是下拉列表应该可以伸展到浏览器之外，然而目前大多数的ComboBox要么是用DIV来显示选择项，要么就是用TextBox+ListBox，DIV的方式会不能伸展到浏览器之外，而TextBox+ListBox方式ListBox占用页面空间。后来发现了A DHTML combo box , 于是决定基于此HTC开发一个ASP.NET服务器控件.

关键类设计

ComboBox : 关键是有一个Text属性获取控件值，没有SelectedIndexChanged事件(我觉得该事件对ComboBox来说不是很重要，当然你也可以根据你自己的需要增加对此事件的支持)，Items属性当然是必不可少的；
ComboItem : 相对于ListItem来说我没有设计Value属性；
ComboItemCollection : 这是ComboItem的集合类，实现了ICollection接口，其功能类似ListItemCollection。

实现ViewState

实现ViewState是我个人觉得最有趣的部分，根据类的层次结构，先看看ComboItem如何实现ViewState，其实很简单，就是实现System.Web.UI.IStateManager接口:

[csharp]view plain copy 
    
 
    
     public void TrackViewState()
     {
         this._IsTrackingViewState = true;
     }
     public bool IsTrackingViewState
     {
         get { return this._IsTrackingViewState; }
     }
     public object SaveViewState()
     {
         return new Pair(this._text, this._selected);
     }
     public void LoadViewState(object state)
     {
         if (state != null && state is Pair)
         {
             Pair p = (Pair)state;
             this._text = (string)p.First;
             this._selected = (bool)p.Second;
         }
     }  

SaveViewState()方法保存了ComboItem的Text和Selected属性，而LoadViewState(object state)则还原了这两个属性。

接着看看ComboItemCollection，同样实现IStateManager接口:

[csharp]view plain copy 
    
 
    
     public void TrackViewState()
     {
         this._IsTrackingViewState = true;
         for (int i = 0; i < this._items.Count; i++)
         {
             ((IStateManager)this[i]).TrackViewState();
         }
     }
     public bool IsTrackingViewState
     {
         get { return this._IsTrackingViewState; }
     }
     public object SaveViewState()
     {
         ArrayList list1 = new ArrayList();
         ArrayList list2 = new ArrayList();
         for (int num3 = 0; num3 < this.Count; num3++)
         {
             object obj1 = ((IStateManager)this[num3]).SaveViewState();
             if (obj1 != null)
             {
                 list1.Add(num3);
                 list2.Add(obj1);
             }
         }
         if (list1.Count > 0)
         {
             return new Pair(list1, list2);
         }
         return null;
     }
     public void LoadViewState(object state)
     {
         if (state == null)
         {
             return;
         }
         if (state is Pair)
         {
             Pair pair1 = (Pair)state;
             ArrayList list1 = (ArrayList)pair1.First;
             ArrayList list2 = (ArrayList)pair1.Second;
             for (int num1 = 0; num1 < list1.Count; num1++)
             {
                 int num2 = (int)list1[num1];
                 if (num2 < this.Count)
                 {
                     ((IStateManager)this[num2]).LoadViewState(list2[num1]);
                 }
                 else
                 {
                     ComboItem item1 = new ComboItem();
                     ((IStateManager)item1).LoadViewState(list2[num1]);
                     this.Add(item1);
                 }
             }
         }
     }
 

SaveViewState()方法逐项保存视图状态，LoadViewState(object state) 逐项还原。

最后看看ComboBox，重写了如下一些方法:

[csharp]view plain copy 
    
 
    
     protected override void TrackViewState()
     {
         base.TrackViewState();
         ((IStateManager)this.Items).TrackViewState();
     }
     protected override object SaveViewState()
     {
         object obj1 = base.SaveViewState();
         object obj2 = ((IStateManager)this.Items).SaveViewState();
         object obj3 = this.Text;
         if (obj1 == null && obj2 == null && obj3 == null)
             return null;
         return new Triplet(obj1, obj2, obj3);
     }
     protected override void LoadViewState(object savedState)
     {
         if (savedState != null)
         {
             Triplet state = (Triplet)savedState;
             base.LoadViewState(state.First);
             ((IStateManager)this.Items).LoadViewState(state.Second);
             _text = (string)state.Third;
         }
     }
 

SaveViewState()方法保存了基类的视图状态，同时将Items属性和Text属性保存到视图状态中，而LoadViewState(object savedState)方法则实现还原。

实现IPostBackDataHandler接口

[csharp]view plain copy 
    
 
    
     public void RaisePostDataChangedEvent()
     {
     }
     public bool LoadPostData(string postDataKey, System.Collections.Specialized.NameValueCollection postCollection)
     {
         string[] textArray1 = postCollection.GetValues(postDataKey);
         if (textArray1 != null)
         {
             this.ClearSelection();
             ComboItem item = this.FindByText(textArray1[0]);
             if (item != null)
             {
                 item.Selected = true;
             }
             _text = textArray1[0];
         }
         return false;
     }
 

实现数据绑定

如何像DropDownList一样实现数据绑定，也是我十分关心的部分。关键是重写OnDataBinding方法，同时增加了一个类DataSourceHelper来解析数据源。

[csharp]view plain copy 
    
 
    
     protected override void OnDataBinding(EventArgs e)
     {
         base.OnDataBinding(e);
         IEnumerable enumerable1 = DataSourceHelper.GetResolvedDataSource(this.DataSource, this.DataMember);
         if (enumerable1 != null)
         {
             this.Items.Clear();
             foreach (object obj1 in enumerable1)
             {
                 ComboItem item = new ComboItem();
                 if (this.DataTextField != string.Empty)
                     item.Text = DataBinder.GetPropertyValue(obj1, this.DataTextField, null);
                 else
                     item.Text = obj1.ToString();
                 this.Items.Add(item);
             }
         }
     }
 

三种使用方式
编程方式:

[csharp]view plain copy 
    
 
    
         for (int i = 1; i < 10; i++)
         {
             ComboItem item = new ComboItem("Item" + i.ToString());
             ComboBox1.Items.Add(item);
         }
 

数据绑定方式

[csharp]view plain copy 
    
 
    
         DataTable dt = new DataTable();
         dt.Columns.Add("text", typeof(string));
         for (int i = 1; i < 10; i++)
         {
             DataRow ndr = dt.NewRow();
             ndr["text"] = "Item" + i.ToString();
             dt.Rows.Add(ndr);
         }
 
 
         ComboBox3.DataSource = dt.DefaultView;
         ComboBox3.DataTextField = "text";
         ComboBox3.DataBind(); 

页面直接申明方式

[html]view plain copy 
    
 
    
 <bestcomy:ComboBox id="ComboBox2" runat="server" Width="120px">
 <BESTCOMY:COMBOITEM Text="Item1"></BESTCOMY:COMBOITEM>
 <BESTCOMY:COMBOITEM Text="Item2"></BESTCOMY:COMBOITEM>
 <BESTCOMY:COMBOITEM Text="Item3" Selected="true"></BESTCOMY:COMBOITEM>
 <BESTCOMY:COMBOITEM Text="Item4"></BESTCOMY:COMBOITEM>
 </bestcomy:ComboBox>
 