如何在Asp.net中实现多彩下拉框

如何在Asp.net中实现多彩下拉框,第1张

开发背景    有人曾经要我开发一个根据不同选择而显示不同颜色的管理工具 我开始考虑利用下拉框来实现条目背景及显示颜色根据条目名称不同而进行变化 根据这个思路我在网上搜了半天也没有找到任何相关的解决方案 最后我想到了一个比当初需求要复杂的方案(包括数据库) 所以我尝试着找到一个更简单的实现方案       该文主要是演示如何读取系统颜色并在下拉框中的每个条目中显示对应的颜色 该源码主要展示以下内容    如何获得System Drawing KnownColor颜色控件的列表枚举    如何排除系统环境颜色 如 Active Border    如何分配颜色到下拉框的每个条目      代码详解    命名下拉框为ddlMultiColor 来显示颜色名称及颜色 用<div>标签显示右侧矩形结果 Aspx代码如下

  <table>   <tr>   <td>   <asp:DropDownList ID = ddlMultiColor    OnSelectedIndexChanged= ddlMultiColor_OnSelectedIndexChanged    runat= server AutoPostBack= true >   </asp:DropDownList>   </td>   <td>   <div id= msgColor runat= server >   </div>   </td>   </tr>  </table> 

在cs文件中我们需要引用以下命名空间

  using System  using System Web  using System Reflection  using System Drawing  using System Collections Generic 

我们先看一下Page_Load事件 在Page_Load中我们对选中的下拉列表进行处理显示

  protected void Page_Load(object sender EventArgs e)   {    if (Page IsPostBack == false)    {    populateDdlMultiColor()//    colorManipulation()   }   } 

现在让我们来看一下populateDdlMultiColor() 函数

  private void populateDdlMultiColor()   {    ddlMultiColor DataSource = finalColorList()   ddlMultiColor DataBind()//liudao 翻译   }       finalColorList()方法   private List finalColorList()   {    string[] allColors = Enum GetNames(typeof(System Drawing KnownColor))   string[] systemEnvironmentColors =    new string[(    typeof(System Drawing SystemColors)) GetProperties() Length]      int index =       foreach (MemberInfo member in (    typeof(System Drawing SystemColors)) GetProperties())    {    systemEnvironmentColors[index ++] = member Name   }       List finalColorList = new List()      foreach (string color in allColors)    {    if (Array IndexOf(systemEnvironmentColors color) <)    {    finalColorList Add(color)   }    }    return finalColorList  } 

System Drawing KnownColor是系统本身自带颜色 我已经通过枚举列出了这些颜色并通过 finalColorList()函授进行绑定 为了实现该功能 我使用了最基本的枚举特征之一 Enum GetNames() 共享方法 该方法对枚举内容进行检测并输出结果为字符串序列 该字符串中每个值都对应枚举中的每个结果    然而 该方法还是有些问题的 按照上面的思路 枚举金额过中会包括系统环境颜色 比如 Active Border(注 活动边框) 为了解决该问题 我扩展了系统环境颜色 我用了System Reflection MemberInfo类    这里我用System Drawing SystemColors属性填充systemEnvironmentColors 然后创建一个名称为finalColorList 的图形列表 在finalColorList 中我只调用已知颜色 但是不在系统环境颜色中 然后把finalColorList绑定到ddlMultiColor中 至此 我们已经有了一个包括全部颜色名称的下拉框 下面让我们来 *** 作一下

  private void colorManipulation()   {    int row   for (row = row <ddlMultiColor Items Count row++)    {    ddlMultiColor Items[row] Attributes Add( style    background color: + ddlMultiColor Items[row] Value)   }    ddlMultiColor BackColor =    Color FromName(ddlMultiColor SelectedItem Text)//liudao翻译   } 

下拉框中的每一行背景颜色的Style]属性都与该行显示的颜色名称对应的 在OnSelectedIndexChanged 事件中下拉框中被选中的行通过下面的函数结合<div>标签进行高亮显示 同时右侧的矩形颜色也随之变化

lishixinzhi/Article/program/net/201311/12522

首先,将DropDownList的AppendDataBindItems属性设置为True,此属性可以在您手动添加项之后追加绑定的内容.

然后在Items属性中添加一项"所有值".添加的时候一定要在绑定数据代码之前.

然后就可以形成

所有值

绑定项目1

绑定项目2

绑定项目3

...

这样的样子了.

在选择"所有值"时,SQL语句为查询全部就可以了.

要注意的是DropDownList的AutoPostBack属性设置为True,才会在你选择某项时执行相应的代码.

-----------------------------------------------------------

在你选择某项值时,SQL语句为SELECT

*

FROM

[authors]

WHERE

([state]

=

@state)并显示相应记录.

而选择"所有值时",SQL语句为SELECT

*

FROM

[authors]

不要WHERE就可以了啊.

selectedindexchanged事件是在你的选择发生改变的时候才响应的,而不是数据的增加变化就会响应的,按你说的这种情况要后台数据变化就对dropdownlist的数据进行更新,你可以做一个单独的线程去定时访问数据库,一旦有变化就去更新dropdownlist


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11962243.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存