主页 > 知识库 > asp.net DropDownList自定义控件,让你的分类更清晰

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

热门标签:电子围栏 Mysql连接数设置 阿里云 Linux服务器 服务器配置 团购网站 银行业务 科大讯飞语音识别系统
看到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的方法

标签:萍乡 江苏 大理 广元 衢州 枣庄 蚌埠 衡水

巨人网络通讯声明:本文标题《asp.net DropDownList自定义控件,让你的分类更清晰》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266