Implementation of different colors in ASP. NET drop-down boxes

Development Background: 
Someone once asked me to develop a management tool that displays different colors based on different choices. I started to consider using the drop-down box to change the background and display color of the entries according to their names. Based on this idea, I searched the internet for a long time and did not find any related solutions, finally, I thought of a solution that is more complex than the original requirements, including databases), so I tried to find a simpler implementation solution. 

This article mainly demonstrates how to read the system color and display the corresponding color in each entry in the drop-down box. The source code mainly displays the following content:
1. How to obtain the list enumeration of the System. Drawing. KnownColor Control
2. How to exclude the system environment color, such as "Active Border"
3. How to assign colors to each entry in the drop-down box
ASP. NET drop-down box code details:
The name drop-down box is ddlMultiColor to display the color name and color. Use the label to display the result of the Right rectangle. The Aspx code is as follows:

 
 

  
  
< 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 drop-down box implementation requirements: In the cs file, we need to reference the following namespace:
Using System;
Using System. Web;
Using System. Reflection;
Using System. Drawing;
Using System. Collections. Generic;
Let's take a look at the Page_Load event first. In Page_Load, We will display the selected drop-down list.

 
 

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

Now let's take a look at the populateDdlMultiColor () function.

 
 

  
  
Private void populateDdlMultiColor ()
  
  
{
  
  
DdlMultiColor. DataSource=FinalColorList();
  
  
DdlMultiColor. DataBind (); // liudao Translation
  
  
}
  
  
FinalColorList () method
  
  
Private List finalColorList ()
  
  
{
  
  
String []AllColors=Enum. GetNames (typeof (System. Drawing. KnownColor ));
  
  
String []SystemEnvironmentColors=
  
  
NewString [(
  
  
Typeof (System. Drawing. SystemColors). GetProperties (). Length];
  
  
IntIndex=0;
  
  
Foreach (MemberInfo member in (
  
  
Typeof (System. Drawing. SystemColors). GetProperties ())
  
  
{
  
  
SystemEnvironmentColors [index ++] = member. Name;
  
  
}
  
  
ListFinalColorList=NewList ();
  
  
 
  
  
Foreach (string color in allColors)
  
  
{
  
  
If (Array. IndexOf (systemEnvironmentColors, color)< 0)
  
  
{
  
  
FinalColorList. Add (color );
  
  
}
  
  
}
  
  
Return finalColorList;
  
  
}
 
 

System. Drawing. KnownColor is the color that comes with the Asp.net System. I have listed these colors through enumeration and bound them through finalColorList () correspondence. To implement this function, I used one of the most basic enumeration features: Enum. getNames () sharing method. This method detects the enumerated content and outputs the result as a string sequence. Each value in the string corresponds to each result in the enumeration.

However, this method still has some problems. According to the above idea, the system environment color will be included in the enumeration amount, such as "Active Border (Note: Active Border)". To solve this problem, I expanded the system environment color. I used the System. Reflection. MemberInfo class.

Here, I use the System. Drawing. SystemColors attribute to fill in systemEnvironmentColors, and then create a list of images named finalColorList. In finalColorList, I only call known colors, but not System environment colors. Then, bind finalColorList to ddlMultiColor. So far, we have a drop-down box that includes all the color names. Let's take a look:

 
 

  
  
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 Translation
  
  
}
 
 

The Style attribute of the background color of each row in the drop-down box corresponds to the color name displayed in the row. In the OnSelectedIndexChanged event, the selected row in the drop-down box is highlighted using the following function and tag, and the rectangle color on the right also changes.

 
 

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

So far, we have learned to get System. Drawing, export the System environment color, and bind the color name to the drop-down list. The ASP. NET drop-down box with different colors is implemented.

1. Asp. Net function set and method set
2. Interface Design Standards for ASP. NET Programming specifications
3. Step 11 of ASP. NET Programming Model Page Lifecycle
4. HTTP protocol analysis of ASP. NET Programming Model
5. ASP. NET Programming Model HTTP Working Principle