分享
 
 
 

Asp.net中多彩下拉框的实现

王朝asp·作者佚名  2008-05-31
窄屏简体版  字體: |||超大  

开发背景:

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

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

1、如何获得System.Drawing.KnownColor颜色控件的列表枚举

2、如何排除系统环境颜色,如“Active Border”

3、如何分配颜色到下拉框的每个条目

代码详解:

命名下拉框为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(); //51aspx.com

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 = 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中。至此,我们已经有了一个包括全部颜色名称的下拉框,下面让我们来操作一下:

http://www.knowsky.com/

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 事件中下拉框中被选中的行通过下面的函数结合<div>标签进行高亮显示,同时右侧的矩形颜色也随之变化。

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;");

}

至此,我们学会了如果获取System.Drawing并排出系统环境颜色,并绑定颜色名称到下拉列表。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有