ASP.NET下拉框呈现不同颜色的实现

开发 后端
该文主要是演示如何读取系统颜色并在ASP.NET下拉框中的每个条目中显示对应的颜色,该源码主要展示以下内容:如何获得System.Drawing.KnownColor颜色控件的列表枚举;如何排除系统环境颜色;如何分配颜色到下拉框的每个条目。

开发背景: 
有人曾经要我开发一个根据不同选择而显示不同颜色的管理工具。我开始考虑利用下拉框来实现条目背景及显示颜色根据条目名称不同而进行变化,根据这个思路我在网上搜了半天也没有找到任何相关的解决方案,最后我想到了一个比当初需求要复杂的方案(包括数据库),所以我尝试着找到一个更简单的实现方案。
 

该文主要是演示如何读取系统颜色并在下拉框中的每个条目中显示对应的颜色,该源码主要展示以下内容:
1、如何获得System.Drawing.KnownColor颜色控件的列表枚举
2、如何排除系统环境颜色,如“Active Border”
3、如何分配颜色到下拉框的每个条目 
ASP.NET下拉框代码详解:
命名下拉框为ddlMultiColor 来显示颜色名称及颜色,用

标签显示右侧矩形结果,Aspx代码如下
  1. < table>   
  2. < tr>   
  3. < td>   
  4. < asp:DropDownList ID ="ddlMultiColor"      
  5. OnSelectedIndexChanged="ddlMultiColor_OnSelectedIndexChanged"   
  6. runat="server" AutoPostBack="true">   
  7. < /asp:DropDownList>   
  8. < /td>   
  9. < td>   
  10. < div id="msgColor" runat="server">   
  11. < /div>   
  12. < /td>   
  13. < /tr>   
  14. < /table>   

ASP.NET下拉框的实现需求:在cs文件中我们需要引用以下命名空间:
using System;
using System.Web;
using System.Reflection;
using System.Drawing;
using System.Collections.Generic;
我们先看一下Page_Load事件,在Page_Load中我们对选中的下拉列表进行处理显示
  1. protected void Page_Load(object sender, EventArgs e)   
  2. {   
  3. if (Page.IsPostBack == false)   
  4. {   
  5. populateDdlMultiColor(); //51aspx.com   
  6. colorManipulation();   
  7. }   
  8. }   
现在让我们来看一下populateDdlMultiColor() 函数
  1. private void populateDdlMultiColor()   
  2. {           
  3. ddlMultiColor.DataSource = finalColorList();   
  4. ddlMultiColor.DataBind(); //liudao 翻译   
  5. }   
  6. finalColorList()方法   
  7. private List finalColorList()   
  8. {    
  9. string[] allColors = Enum.GetNames(typeof(System.Drawing.KnownColor));   
  10. string[] systemEnvironmentColors =    
  11. new string[(   
  12. typeof(System.Drawing.SystemColors)).GetProperties().Length];   
  13. int index = 0;   
  14. foreach (MemberInfo member in (   
  15. typeof(System.Drawing.SystemColors)).GetProperties())   
  16. {   
  17. systemEnvironmentColors[index ++] = member.Name;               
  18. }   
  19. List finalColorList =  new List();   
  20.  
  21. foreach (string color in allColors)   
  22. {   
  23. if (Array.IndexOf(systemEnvironmentColors, color) < 0)   
  24. {   
  25. finalColorList.Add(color);   
  26. }                              
  27. }   
  28. return finalColorList;   
  29. }   
System.Drawing.KnownColor是Asp.net系统本身自带颜色,我已经通过枚举列出了这些颜色并通过finalColorList()函授进行绑定。为了实现该功能,我使用了最基本的枚举特征之一:Enum.GetNames() 共享方法,该方法对枚举内容进行检测并输出结果为字符串序列,该字符串中每个值都对应枚举中的每个结果。


然而,该方法还是有些问题的。按照上面的思路,枚举金额过中会包括系统环境颜色,比如“Active Border(注:活动边框)”,为了解决该问题,我扩展了系统环境颜色。我用了System.Reflection.MemberInfo类。


这里我用System.Drawing.SystemColors属性填充systemEnvironmentColors ,然后创建一个名称为finalColorList 的图形列表,在finalColorList 中我只调用已知颜色,但是不在系统环境颜色中。然后把finalColorList绑定到ddlMultiColor中。至此,我们已经有了一个包括全部颜色名称的下拉框,下面让我们来操作一下:

  1. private void colorManipulation()   
  2. {   
  3. int row;   
  4. for (row = 0; row < ddlMultiColor.Items.Count - 1; row++)   
  5. {   
  6. ddlMultiColor.Items[row].Attributes.Add("style",    
  7. "background-color:" + ddlMultiColor.Items[row].Value);   
  8. }   
  9. ddlMultiColor.BackColor =    
  10. Color.FromName(ddlMultiColor.SelectedItem.Text);//liudao翻译   
  11. }   

下拉框中的每一行背景颜色的Style]属性都与该行显示的颜色名称对应的。在OnSelectedIndexChanged 事件中下拉框中被选中的行通过下面的函数结合

标签进行高亮显示,同时右侧的矩形颜色也随之变化。
  1. protected void ddlMultiColor_OnSelectedIndexChanged(object sender,    
  2. EventArgs e)   
  3. {           
  4. ddlMultiColor.BackColor = Color.FromName(ddlMultiColor.SelectedItem.Text);   
  5. colorManipulation();      
  6. ddlMultiColor.Items.FindByValue(ddlMultiColor.SelectedValue).Selected =    
  7. true;       
  8. msgColor.Attributes.Add("style", "background:" +    
  9. ddlMultiColor.SelectedItem.Value + ";width:30px;height:25px;");   
  10. }   
至此,我们学会了如果获取System.Drawing并排出系统环境颜色,并绑定颜色名称到下拉列表。呈现不同颜色的ASP.NET下拉框就此实现。

【编辑推荐】

  1. Asp.Net函数集和方法集
  2. ASP.NET编程规范之界面设计标准浅析
  3. ASP.NET编程模型之页面生命周期十一步详解
  4. ASP.NET编程模型之HTTP协议浅析
  5. ASP.NET编程模型HTTP工作原理
责任编辑:周立方 来源: 网络转载
相关推荐

2009-08-07 15:32:28

ASP.NET复合控件

2009-08-07 16:09:25

ASP.NET AJA

2011-04-19 17:24:09

JavaScript二级联动下拉框

2009-07-20 15:44:32

ASP.NET MVC

2009-07-22 17:45:11

ASP.NET插件

2010-01-05 14:32:01

JSON 数据

2009-10-15 14:50:34

ASP.NET Rou

2009-07-28 17:17:19

ASP.NET概述

2009-08-03 14:22:33

什么是ASP.NET

2009-07-22 17:45:35

ASP.NET教程

2009-08-04 10:02:36

中国站长站

2009-07-29 11:18:21

ASP.NET连接My

2009-07-28 14:47:18

ASP.NET MVC

2009-08-05 14:27:55

ASP.NET模板基本

2009-07-28 10:01:16

ASP.NET Exc

2009-08-10 17:17:10

ASP.NET安装部署

2009-07-28 15:29:03

实现HTTP请求ASP.NET

2009-08-05 17:58:34

实现ASP.NET网站

2009-07-22 17:13:21

Asp.Net编程

2009-07-23 10:31:14

点赞
收藏

51CTO技术栈公众号