开发背景:
有人曾经要我开发一个根据不同选择而显示不同颜色的管理工具。我开始考虑利用下拉框来实现条目背景及显示颜色根据条目名称不同而进行变化,根据这个思路我
在网上搜了半天也没有找到任何相关的解决方案,最后我想到了一个比当初需求要复杂的方案(包括数据库),所以我尝试着找到一个更简单的实现方案。
该文主要是演示如何读取系统颜色并在下拉框中的每个条目中显示对应的颜色,该源码主要展示以下内容:
1、如何获得System.Drawing.KnownColor颜色控件的列表枚举
2、如何排除系统环境颜色,如“Active Border”
3、如何分配颜色到下拉框的每个条目
代码详解:
命名下拉框为ddlMultiColor 来显示颜色名称及颜色,用<div>标签显示右侧矩形结果,Aspx代码如下
< table >
<tr>
<td>
<asp:DropDownListID ="ddlMultiColor"
OnSelectedIndexChanged="ddlMultiColor_OnSelectedIndexChanged"
runat="server"AutoPostBack="true">
</asp:DropDownList>
</td>
<td>
<divid="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中我们对选中的下拉列表进行处理显示
protectedvoid Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack == false)
{
populateDdlMultiColor(); //51aspx.com
colorManipulation();
}
}
现在让我们来看一下populateDdlMultiColor() 函数
privatevoid populateDdlMultiColor()
{
ddlMultiColor.DataSource = finalColorList();
ddlMultiColor.DataBind(); //liudao 翻译
}
finalColorList()方法
private List finalColorList()
{
string[] allColors = Enum.GetNames(typeof(System.Drawing.KnownColor));
string[] systemEnvironmentColors =
newstring[(
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;
}
System.Drawing.KnownColor是Asp.net系统本身自
带颜色,我已经通过枚举列出了这些颜色并通过finalColorList()函授进行绑定。为了实现该功能,我使用了最基本的枚举特征之一:
Enum.GetNames() 共享方法,该方法对枚举内容进行检测并输出结果为字符串序列,该字符串中每个值都对应枚举中的每个结果。
然而,该方法还是有些问题的。按照上面的思路,枚举金额过中会包括系统环境颜色,比如“Active Border(注:活动边框)”,为了解决该问题,我扩展了系统环境颜色。我用了System.Reflection.MemberInfo类。
这
里我用System.Drawing.SystemColors属性填充systemEnvironmentColors
,然后创建一个名称为finalColorList 的图形列表,在finalColorList
中我只调用已知颜色,但是不在系统环境颜色中。然后把finalColorList绑定到ddlMultiColor中。至此,我们已经有了一个包括全部
颜色名称的下拉框,下面让我们来操作一下:
privatevoid 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 事件中下拉框中被选中的行通过下面的函数结合<div>标签进行高亮显示,同时右侧的矩形颜色也随之变化。
protectedvoid 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;");
}
至此,我们学会了如果获取System.Drawing并排出系统环境颜色,并绑定颜色名称到下拉列表。
分享到:
相关推荐
Asp.net二级下拉框无刷新联动。网上的例子不是这不行就是那不行,这个例子我费了好大劲才调通。IE和FireFox都能用,里面附有建表问。欢迎大家提意见进行改进。
asp.net Dropdownlist结合CheckBoxList多选下拉框
C# ASP.NET 添加下拉框带搜索功能,用法和原系统控件使用一样。无需太多操作。。。。。。。。。。。。
自己开发个下拉多选框,好不容易在IE下可用,但是不兼容FF和谷歌浏览器。众里寻他千百度,终于找到。...不敢独享,更不敢收分。先对这位大神表示感谢。 DropDownCheckBoxList 控件继承 DropDownList ;...
asp.net 下拉框点击后 展开树形 数据供选择 使用输入框和按钮及 div 组合 数据库在 app_data 文件夹下 sql server2008 附加即可使用
自定义控件,下拉后,可勾选Item的值。。。。。。。。。
Asp.net实现的彩色下拉框源码 如果使用VS2005打开本站项目文件,建议打开前务必安装VS2005Sp1
asp.net 网页中经常用到下拉框,那个只能下拉选择,无法自定义输入, EditableDropDownList可满足此功能
ASP.NET多选下拉框自定义控件,采用Ajax方式多选下拉框
TreeViwe dropdownlist
纯正的ASP.NET MVC下拉框联动,可以实现无刷新更换第二下拉框内的值。内部写了两种实现方式,第一种是读取控制器/模型[数据库]的值放入下拉列表框;第二种是在视图中分别定义下拉列表框的值。希望对大家有帮助
改造了一个asp.net web版的 带复选框的下拉列表,封装于用户控件内,方便其它应用页面的调用,效果非常不错,附件中有源代码调用实例。
将CheckBox Text两个空间结合,简易的制作可输入下拉框
本文主要介绍了DropDownList控件4种绑定数据的基础用法,希望对大家能有所帮助。
自定义用户控件实现一个简单的可编辑下拉框,实例演示下拉框使用,可做数据绑定,下拉框可以编辑。
asp.net的下来框多选,带有值改变事件,asp.net MultiDropDowList 下拉框多选带事件
【ASP.NET编程知识】ASP .NET 可编辑输入自动匹配的下拉框.docx
ASP.NET 可编辑的下拉框
绝对完全代码,包括前台JS和后台数据库 大家把文件解压到IIS的根目录,或者将Bin文件夹移到根目录同时修改AJAXPub.cs里面的mdb文件路径。