ASP.NET多彩下拉框開發執行個體_實用技巧

本文主要是示範如何讀取系統色彩並在下拉框中的每個條目中顯示對應的顏色，該源碼主要展示以下內容：

   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(); //  } 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中。至此，我們已經有了一個包括全部顏色名稱的下拉框，下面讓我們來操作一下：

 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並排出系統內容顏色，並綁定顏色名稱到下拉式清單。