查看完整版本: ASP.NET程序实现多彩下拉框开发实例解析

ASP.NET程序实现多彩下拉框开发实例解析

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

该文主要是演示如何读取[wiki]系统[/wiki]颜色并在下拉框中的每个条目中显示对应的颜色，该源码主要展示以下内容：

1、如何获得System.Drawing.KnownColor颜色控件的列表枚举
2、如何排除系统[wiki]环境[/wiki]颜色，如“ActiveBorder”
3、如何分配颜色到下拉框的每个条目

代码详解：
命名下拉框为ddlMultiColor来显示颜色名称及颜色，用%26lt;div%26gt;标签显示右侧矩形结果，Aspx代码如下
%26lt;table%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;asp:DropDownListID="ddlMultiColor"
OnSelectedIndexChanged="ddlMultiColor_OnSelectedIndexChanged"
runat="server"AutoPostBack="true"%26gt;
%26lt;/asp:DropDownList%26gt;
%26lt;/td%26gt;
%26lt;td%26gt;
%26lt;divid="msgColor"runat="server"%26gt;
%26lt;/div%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
在cs文件中我们需要引用以下命名[wiki]空间[/wiki]：
usingSystem;
usingSystem.Web;
usingSystem.Reflection;
usingSystem.Drawing;
usingSystem.Collections.Generic;
我们先看一下Page_Load事件，在Page_Load中我们对选中的下拉列表进行处理显示
protectedvoidPage_Load([wiki]object[/wiki]sender,EventArgse)
{
if(Page.IsPostBack==false)
{
populateDdlMultiColor();//51aspx.com
colorManipulation();
}
}
现在让我们来看一下populateDdlMultiColor()函数
privatevoidpopulateDdlMultiColor()
{
ddlMultiColor.DataSource=finalColorList();
ddlMultiColor.DataBind();//
}
finalColorList()方法
privateListfinalColorList()
{
string[]allColors=Enum.GetNames(typeof(System.Drawing.KnownColor));
string[]systemEnvironmentColors=
newstring[(
typeof(System.Drawing.SystemColors)).GetProperties().Length];

intindex=0;

foreach(MemberInfomemberin(
typeof(System.Drawing.SystemColors)).GetProperties())
{
systemEnvironmentColors[index++]=member.Name;
}
ListfinalColorList=newList();
foreach(stringcolorinallColors)
{
if(Array.IndexOf(systemEnvironmentColors,color)%26lt;0)
{
finalColorList.Add(color);
}
}
returnfinalColorList;
}
System.Drawing.KnownColor是Asp.net系统本身自带颜色，我已经通过枚举列出了这些颜色并通过finalColorList()函授进行绑定。为了实现该功能，我使用了最基本的枚举特征之一：Enum.GetNames()共享方法，该方法对枚举内容进行检测并输出结果为字符串序列，该字符串中每个值都对应枚举中的每个结果。
然而，该方法还是有些问题的。按照上面的思路，枚举金额过中会包括系统环境颜色，比如“ActiveBorder(注：活动边框)”，为了解决该问题，我扩展了系统环境颜色。我用了System.Reflection.MemberInfo类。
这里我用System.Drawing.SystemColors属性填充systemEnvironmentColors，然后创建一个名称为finalColorList的图形列表，在finalColorList中我只调用已知颜色，但是不在系统环境颜色中。然后把finalColorList绑定到ddlMultiColor中。至此，我们已经有了一个包括全部颜色名称的下拉框，下面让我们来操作一下：
privatevoidcolorManipulation()
{
introw;
for(row=0;row%26lt;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事件中下拉框中被选中的行通过下面的函数结合%26lt;div%26gt;标签进行高亮显示，同时右侧的矩形颜色也随之变化。
protectedvoidddlMultiColor_OnSelectedIndexChanged(objectsender,
EventArgse)
{
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;");
}
至此，我们学会了如果获取System.Drawing并排出系统环境颜色，并绑定颜色名称到下拉列表。