ASP.NET實現多彩下拉框

本篇內容主要講解“ASP.NET實現多彩下拉框”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“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;"); 
 }

到此，相信大家對“ASP.NET實現多彩下拉框”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！