Wie in der Abbildung unten gezeigt, wird ein Dropdown-Feld mit drei abwechselnden Farben angezeigt.
Implementierungsmethode:
1. Verwenden Sie das System.Web.UI.HtmlControls-Steuerelement und führen Sie es als Serversteuerelement aus.
2. Binden Sie Daten im Hintergrund an dieses Auswahlsteuerelement.
3． Rufen Sie dann eine von Ihnen geschriebene Funktion auf, um die Farbe für jedes ihrer Elemente anzugeben.
Implementierungscode (Hauptimplementierungsteil):
Rezeption (WebForm1.aspx):
<SELECT id="Select1" style="WIDTH: 300px" name="Select1" runat="server">
<OPTION ausgewählt></OPTION>
</SELECT>
Backend (WebForm1.aspx.cs):
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = "data source=localhost;initial Catalog=Northwind;password=;"
+"persist security info=True;user id=sa;workstation id=APJ062;packet size=4096";
string sqlstr = "Wählen Sie die Top 10 CustomerID und CompanyName aus den Kunden aus";
cnn.Open();
SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
DataTable dt = new DataTable();
ad.Fill(dt);
Select1.DataSource = dt;
Select1.DataTextField = "CompanyName";
Select1.DataValueField = "CustomerID";
Select1.DataBind();
BindSelectColor(Select1);
}
}
//Stile zu den Elementen des Auswahlsteuerelements hinzufügen
void BindSelectColor(HtmlSelect select)
{
int num = 0;
string styleString = "";
for(int i = 0; i < select.Items.Count; i ++ )
{
num = i % 3;
switch(num)
{
Fall 0:
{
styleString = "FARBE: #000099; HINTERGRUNDFARBE: #F4FAFF";
brechen;
}
Fall 1:
{
styleString = "FARBE: #990000; HINTERGRUNDFARBE: #FFFAFB";
brechen;
}
Fall 2:
{
styleString = "FARBE: #009900; HINTERGRUNDFARBE: #F4FFFA";
brechen;
}
}
select.Items[i].Attributes.Add("style",styleString);
}
}