ASP.NET多彩下拉框開(kāi)發(fā)實(shí)例

更新時(shí)間：2015年09月17日 12:01:25 投稿：lijiao

有人曾經(jīng)提出開(kāi)發(fā)一個(gè)根據(jù)不同選擇而顯示不同顏色的管理工具，本文主要就是演示如何讀取系統(tǒng)顏色并在下拉框中的每個(gè)條目中顯示對(duì)應(yīng)的顏色，需要的朋友可以參考下

本文主要是演示如何讀取系統(tǒng)顏色并在下拉框中的每個(gè)條目中顯示對(duì)應(yīng)的顏色，該源碼主要展示以下內(nèi)容：

1、如何獲得System.Drawing.KnownColor顏色控件的列表枚舉

2、如何排除系統(tǒng)環(huán)境顏色，如“Active Border”

3、如何分配顏色到下拉框的每個(gè)條目

代碼詳解：

命名下拉框?yàn)閐dlMultiColor 來(lái)顯示顏色名稱及顏色，用<div>標(biāo)簽顯示右側(cè)矩形結(jié)果，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中我們對(duì)選中的下拉列表進(jìn)行處理顯示

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

現(xiàn)在讓我們來(lái)看一下populateDdlMultiColor() 函數(shù)

 private void populateDdlMultiColor() 
 { 
 ddlMultiColor.DataSource = finalColorList(); 
 ddlMultiColor.DataBind(); // 
 }

 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系統(tǒng)本身自帶顏色，我已經(jīng)通過(guò)枚舉列出了這些顏色并通過(guò) finalColorList()函授進(jìn)行綁定。為了實(shí)現(xiàn)該功能，我使用了最基本的枚舉特征之一：Enum.GetNames() 共享方法，該方法對(duì)枚舉內(nèi)容進(jìn)行檢測(cè)并輸出結(jié)果為字符串序列，該字符串中每個(gè)值都對(duì)應(yīng)枚舉中的每個(gè)結(jié)果。

然而，該方法還是有些問(wèn)題的。按照上面的思路，枚舉金額過(guò)中會(huì)包括系統(tǒng)環(huán)境顏色，比如“Active Border(注：活動(dòng)邊框)”，為了解決該問(wèn)題，我擴(kuò)展了系統(tǒng)環(huán)境顏色。我用了System.Reflection.MemberInfo類。

這里我用System.Drawing.SystemColors屬性填充systemEnvironmentColors ，然后創(chuàng)建一個(gè)名稱為finalColorList 的圖形列表，在finalColorList 中我只調(diào)用已知顏色，但是不在系統(tǒng)環(huán)境顏色中。然后把finalColorList綁定到ddlMultiColor中。至此，我們已經(jīng)有了一個(gè)包括全部顏色名稱的下拉框，下面讓我們來(lái)操作一下：

 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]屬性都與該行顯示的顏色名稱對(duì)應(yīng)的。在OnSelectedIndexChanged 事件中下拉框中被選中的行通過(guò)下面的函數(shù)結(jié)合<div>標(biāo)簽進(jìn)行高亮顯示，同時(shí)右側(cè)的矩形顏色也隨之變化。

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

至此，我們學(xué)會(huì)了如果獲取System.Drawing并排出系統(tǒng)環(huán)境顏色，并綁定顏色名稱到下拉列表。

您可能感興趣的文章: