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

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

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

< 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>   

protected void Page_Load(object sender, EventArgs e)   
{   
if (Page.IsPostBack == false)   
{   
populateDdlMultiColor(); //51aspx.com   
colorManipulation();   
}   
}   

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 = 0;   
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) < 0)   
{   
finalColorList.Add(color);   
}                              
}   
return finalColorList;   
}   

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

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

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

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

protected void ddlMultiColor_OnSelectedIndexChanged(object sender,    
EventArgs e)   
{           
ddlMultiColor.BackColor = Color.FromName(ddlMultiColor.SelectedItem.Text);   
colorManipulation();      
ddlMultiColor.Items.FindByValue(ddlMultiColor.SelectedValue).Selected =    
true;       
msgColor.Attributes.Add("style", "background:" +    
ddlMultiColor.SelectedItem.Value + ";width:30px;height:25px;");   
}   

【编辑推荐】

1. Asp.Net函数集和方法集
2. ASP.NET编程规范之界面设计标准浅析
3. ASP.NET编程模型之页面生命周期十一步详解
4. ASP.NET编程模型之HTTP协议浅析
5. ASP.NET编程模型HTTP工作原理