• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    asp.net DropDownList自定义控件,让你的分类更清晰
    看到Discuz是2个下拉列表进行合并的,网上找了一些资料,然后写了这个小源码,在这里和大家分享一下!
    运行效果图,如下所示(深黑的地方选不中,因为那是上一级的分类):

    项目结构图如下所示:

    Controls类库SmartDropDownList.cs代码如下所示:

    SmartDropDownList.cs
    复制代码 代码如下:

    using System;
    2 using System.Collections.Generic;
    3 using System.Linq;
    4 using System.Text;
    5 using System.Web.UI.WebControls;
    6 using System.Web.UI;
    7 using System.ComponentModel;
    8 using System.Web;
    9
    namespace mydream.Controls
    {
    [ToolboxData("{0}:SmartDropDownList runat=server>/{0}:SmartDropDownList>")]
    public class SmartDropDownList : DropDownList
    {
    /// summary>
    /// 构造函数
    /// /summary>
    public SmartDropDownList() { }
    /// summary>
    /// 将控件的内容呈现到指定的编写器中
    /// /summary>
    /// param name="writer">/param>
    protected override void RenderContents(HtmlTextWriter writer)
    {
    OptionGroupRenderContents(writer);
    }
    /// 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();
    }
    /// 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;
    }
    }
    }
    }

    smartDropDownList.aspx页面代码如下所示:
    smartDropDownList.aspx
    复制代码 代码如下:

    %@ Page Language="C#" AutoEventWireup="true" CodeFile="smartDropDownList.aspx.cs" Inherits="smartDropDownList" %>
    %@ Register Assembly="Controls" Namespace="mydream.Controls" TagPrefix="cc1" %>
    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    html xmlns="http://www.w3.org/1999/xhtml">
    head runat="server">
    title>/title>
    /head>
    body>
    form id="form1" runat="server">
    div>
    cc1:SmartDropDownList ID="SmartDropDownList1" runat="server">
    /cc1:SmartDropDownList>
    /div>
    /form>
    /body>
    /html>

    smartDropDownList.aspx页面smartDropDownList.cs如下所示:
    smartDropDownList.cs
    复制代码 代码如下:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Data;
    public partial class smartDropDownList : System.Web.UI.Page
    {
    protected void Page_Load(object sender, EventArgs e)
    {
    if (!IsPostBack)
    {
    this.Bindddlist(this.SmartDropDownList1);
    }
    }
    /// summary>
    /// 板块ListItem
    /// /summary>
    /// returns>/returns>
    private ListListItem> GetBoardList()
    {
    ListListItem> list = new ListListItem>();
    for (int i = 1; i 6; i++)
    {
    ListItem li = new ListItem("这里是板块"+i,i.ToString());
    list.Add(li);
    }
    return list;
    }
    /// summary>
    /// 子板块ListItem
    /// /summary>
    /// returns>/returns>
    private ListListItem> GetSubBoardList()
    {
    ListListItem> list=this.GetBoardList();
    ListListItem> list_sub = new ListListItem>();
    foreach (ListItem li in list)
    {
    ListItem li_sub = new ListItem("这一项是上一级的子板块", "这里是你像传递参数的值");
    list_sub.Add(li_sub);
    }
    return list_sub;
    }
    /// summary>
    /// 绑定下拉控件数据
    /// /summary>
    private void Bindddlist(mydream.Controls.SmartDropDownList smartddlist)
    {
    smartddlist.Items.Clear();
    ListListItem> list = this.GetBoardList();
    foreach (ListItem li in list)
    {
    ListItem item = new ListItem("--" + li.Text, "optgroup");
    smartddlist.Items.Add(item);
    ListListItem> list_sub = this.GetSubBoardList();
    foreach (ListItem li_sub in list_sub)
    {
    smartddlist.Items.Add(li_sub);
    }
    }
    smartddlist.DataBind();
    }
    }

    你可以根据你数据库的设计来绑定值,这里没用数据库,只是说明思路!
    源码下载,点击这里!
    版权所有,转载请注明出处!
    您可能感兴趣的文章:
    • asp.net 读取xml文件里面的内容,绑定到dropdownlist中
    • asp.net使用DataSet的ReadXml读取XML文件及Stream流的方法
    • ASP.NET读取XML文件4种方法分析
    • Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
    • ASP.NET中读取XML文件信息的4种方法与示例代码
    • ASP.NET MVC DropDownList数据绑定及使用详解
    • ASP.NET MVC中为DropDownListFor设置选中项的方法
    • ASP.NET Ajax级联DropDownList实现代码
    • ASP.NET DropDownList控件的使用方法
    • (asp.net c#)DropDownList绑定后显示对应的项的两种方法
    • ASP.NET笔记之 ListView 与 DropDownList的使用
    • asp.net实现XML文件读取数据绑定到DropDownList的方法
    上一篇:sqlserver 批量数据替换助手V1.0版发布
    下一篇:asp.net(C#)跨域及跨域写Cookie问题
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    asp.net DropDownList自定义控件,让你的分类更清晰 asp.net,DropDownList,自定义,