ASP.NET下拉框呈現(xiàn)不同顏色的實(shí)現(xiàn)
開發(fā)背景:
有人曾經(jīng)要我開發(fā)一個根據(jù)不同選擇而顯示不同顏色的管理工具。我開始考慮利用下拉框來實(shí)現(xiàn)條目背景及顯示顏色根據(jù)條目名稱不同而進(jìn)行變化,根據(jù)這個思路我在網(wǎng)上搜了半天也沒有找到任何相關(guān)的解決方案,最后我想到了一個比當(dāng)初需求要復(fù)雜的方案(包括數(shù)據(jù)庫),所以我嘗試著找到一個更簡單的實(shí)現(xiàn)方案。
該文主要是演示如何讀取系統(tǒng)顏色并在下拉框中的每個條目中顯示對應(yīng)的顏色,該源碼主要展示以下內(nèi)容:
1、如何獲得System.Drawing.KnownColor顏色控件的列表枚舉
2、如何排除系統(tǒng)環(huán)境顏色,如“Active Border”
3、如何分配顏色到下拉框的每個條目
ASP.NET下拉框代碼詳解:
命名下拉框?yàn)閐dlMultiColor 來顯示顏色名稱及顏色,用
- < 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>
ASP.NET下拉框的實(shí)現(xiàn)需求:在cs文件中我們需要引用以下命名空間:
using System;
using System.Web;
using System.Reflection;
using System.Drawing;
using System.Collections.Generic;
我們先看一下Page_Load事件,在Page_Load中我們對選中的下拉列表進(jìn)行處理顯示
現(xiàn)在讓我們來看一下populateDdlMultiColor() 函數(shù)
- protected void Page_Load(object sender, EventArgs e)
- {
- if (Page.IsPostBack == false)
- {
- populateDdlMultiColor(); //51aspx.com
- colorManipulation();
- }
- }
System.Drawing.KnownColor是Asp.net系統(tǒng)本身自帶顏色,我已經(jīng)通過枚舉列出了這些顏色并通過finalColorList()函授進(jìn)行綁定。為了實(shí)現(xiàn)該功能,我使用了最基本的枚舉特征之一:Enum.GetNames() 共享方法,該方法對枚舉內(nèi)容進(jìn)行檢測并輸出結(jié)果為字符串序列,該字符串中每個值都對應(yīng)枚舉中的每個結(jié)果。
- 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;
- }
然而,該方法還是有些問題的。按照上面的思路,枚舉金額過中會包括系統(tǒng)環(huán)境顏色,比如“Active Border(注:活動邊框)”,為了解決該問題,我擴(kuò)展了系統(tǒng)環(huán)境顏色。我用了System.Reflection.MemberInfo類。
這里我用System.Drawing.SystemColors屬性填充systemEnvironmentColors ,然后創(chuàng)建一個名稱為finalColorList 的圖形列表,在finalColorList 中我只調(diào)用已知顏色,但是不在系統(tǒng)環(huán)境顏色中。然后把finalColorList綁定到ddlMultiColor中。至此,我們已經(jīng)有了一個包括全部顏色名稱的下拉框,下面讓我們來操作一下:
- 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]屬性都與該行顯示的顏色名稱對應(yīng)的。在OnSelectedIndexChanged 事件中下拉框中被選中的行通過下面的函數(shù)結(jié)合
- 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;");
- }
【編輯推薦】