Bootstrap

扩展DropDownList控件和ListBox控件(1) - 支持分组功能(optgroup标签)

DropDownList(ListBox)控件既强大又好用。为了让它更强大、更好用,我们来写一个继承自 DropDownList(ListBox)的控件。
[源码下载]


扩展DropDownList控件和ListBox控件(1) - 支持分组功能(optgroup标签)


作者: webabcd


介绍
扩展DropDownList控件和ListBox控件
通过 DropDownList控件和ListBox控件的.Items.Add(ListItem item)方法,来为其添加optgroup标签,从而实现分组功能


使用方法
1、设置属性:
OptionGroupValue - 用于添加DropDownList(ListBox)控件的分组项的ListItem的Value值(默认为optgroup
2、使用DropDownList(ListBox)控件的.Items.Add(ListItem item)方法:
OptionGroupValue为默认值时:SmartDropDownList.Items.Add(new ListItem("中国", "optgroup"));


图示



关键代码(以DropDownList为例)
SmartDropDownList.cs
using  System;
using  System.Collections.Generic;
using  System.Text;

using  System.Web.UI.WebControls;
using  System.Web.UI;

[assembly: System.Web.UI.WebResource(
" YYControls.SmartDropDownList.Resources.Icon.bmp " " image/bmp " )]

namespace  YYControls
{
    
/// <summary>
    
/// SmartDropDownList类,继承自DropDownList
    
/// </summary>

    [ToolboxData(@"<{0}:SmartDropDownList runat='server'></{0}:SmartDropDownList>")]
    [System.Drawing.ToolboxBitmap(
typeof(YYControls.Resources.Icon), "SmartDropDownList.bmp")]
    
public partial class SmartDropDownList : DropDownList
    
{
        
/// <summary>
        
/// 构造函数
        
/// </summary>

        public SmartDropDownList()
        
{

        }


        
/// <summary>
        
/// 将控件的内容呈现到指定的编写器中
        
/// </summary>
        
/// <param name="writer">writer</param>

        protected override void RenderContents(HtmlTextWriter writer) 
        
{
            
// 呈现Option或OptionGroup
            OptionGroupRenderContents(writer);
        }

    }

}

Property.cs
using  System;
using  System.Collections.Generic;
using  System.Text;

using  System.ComponentModel;
using  System.Web.UI;

namespace  YYControls
{
    
/// <summary>
    
/// SmartDropDownList类的属性部分
    
/// </summary>

    public partial class SmartDropDownList
    
{
        
/// <summary>
        
/// 用于添加SmartDropDownList的分组项的ListItem的Value值
        
/// </summary>

        [
        Browsable(
true),
        Description(
"用于添加DropDownList的分组项的ListItem的Value值"),
        Category(
"扩展")
        ]
        
public virtual string OptionGroupValue
        
{
            
get
            
{
                
string s = (string)ViewState["OptionGroupValue"];

                
return (s == null? "optgroup" : s;
            }

            
set
            
{
                ViewState[
"OptionGroupValue"= value;
            }

        }

    }

}

OptionGroup.cs
using  System;
using  System.Collections.Generic;
using  System.Text;

using  System.Data;
using  System.Web.UI.WebControls;
using  System.Web.UI;
using  System.Web;

namespace  YYControls
{
    
/// <summary>
    
/// SmartDropDownList类的属性部分
    
/// </summary>

    public partial class SmartDropDownList
    
{
        
/// <summary>
        
/// 呈现Option或OptionGroup
        
/// </summary>
        
/// <param name="writer">writer</param>

        private void OptionGroupRenderContents(HtmlTextWriter writer)
        
{
            
// 是否需要呈现OptionGroup的EndTag
            bool writerEndTag = false;

            
foreach (ListItem li in this.Items)
            
{
                
// 如果没有optgroup属性则呈现Option
                if (li.Value != this.OptionGroupValue)
                
{
                    
// 呈现Option
                    RenderListItem(li, writer);
                }

                
// 如果有optgroup属性则呈现OptionGroup
                else
                
{
                    
if (writerEndTag)
                        
// 呈现OptionGroup的EndTag
                        OptionGroupEndTag(writer);
                    
else
                        writerEndTag 
= true;

                    
// 呈现OptionGroup的BeginTag
                    OptionGroupBeginTag(li, writer);
                }

            }


            
if (writerEndTag)
                
// 呈现OptionGroup的EndTag
                OptionGroupEndTag(writer);
        }


        
/// <summary>
        
/// 呈现OptionGroup的BeginTag
        
/// </summary>
        
/// <param name="li">OptionGroup数据项</param>
        
/// <param name="writer">writer</param>

        private void OptionGroupBeginTag(ListItem li, HtmlTextWriter writer)
        
{
            writer.WriteBeginTag(
"optgroup");
            
            
// 写入OptionGroup的label
            writer.WriteAttribute("label", li.Text);

            
foreach (string key in li.Attributes.Keys)
            
{
                
// 写入OptionGroup的其它属性
                writer.WriteAttribute(key, li.Attributes[key]);
            }


            writer.Write(HtmlTextWriter.TagRightChar);
            writer.WriteLine();
        }


        
/// <summary>
        
/// 呈现OptionGroup的EndTag
        
/// </summary>
        
/// <param name="writer">writer</param>

        private void OptionGroupEndTag(HtmlTextWriter writer)
        
{
            writer.WriteEndTag(
"optgroup");
            writer.WriteLine();
        }


        
/// <summary>
        
/// 呈现Option
        
/// </summary>
        
/// <param name="li">Option数据项</param>
        
/// <param name="writer">writer</param>

        private void RenderListItem(ListItem li, HtmlTextWriter writer)
        
{
            writer.WriteBeginTag(
"option");

            
// 写入Option的Value
            writer.WriteAttribute("value", li.Value, true);

            
if (li.Selected)
            
{
                
// 如果该Option被选中则写入selected
                writer.WriteAttribute("selected""selected"false);
            }


            
foreach (string key in li.Attributes.Keys)
            
{
                
// 写入Option的其它属性
                writer.WriteAttribute(key, li.Attributes[key]);
            }


            writer.Write(HtmlTextWriter.TagRightChar);

            
// 写入Option的Text
            HttpUtility.HtmlEncode(li.Text, writer);

            writer.WriteEndTag(
"option");
            writer.WriteLine();
        }

    }

}


OK
[源码下载]
;