Comme le montre la figure ci-dessous, une liste déroulante avec trois couleurs alternées s'affiche.
Méthode de mise en œuvre :
1. Utilisez le contrôle System.Web.UI.HtmlControls et exécutez-le en tant que contrôle serveur.
2. Liez les données à ce contrôle de sélection en arrière-plan.
3. Appelez ensuite une fonction que vous avez écrite pour spécifier la couleur de chacun de ses éléments.
Code d'implémentation (partie principale d'implémentation) :
Réception (WebForm1.aspx) :
<SELECT id="Select1" style="WIDTH : 300px" name="Select1" runat="server">
<OPTION sélectionnée></OPTION>
</SELECT>
Backend (WebForm1.aspx.cs) :
private void Page_Load (expéditeur de l'objet, System.EventArgs e)
{
si(!IsPostBack)
{
SqlConnection cnn = new SqlConnection();
cnn.ConnectionString = "source de données = localhost; catalogue initial = Northwind; mot de passe =;"
+"persist security info=True;user id=sa;workstation id=APJ062;packet size=4096";
string sqlstr = "sélectionnez les 10 principaux ID client et nom de l'entreprise parmi les clients" ;
cnn.Open();
SqlDataAdapter ad = new SqlDataAdapter(sqlstr,cnn);
DataTable dt = new DataTable();
ad.Fill(dt);
Select1.DataSource = dt ;
Select1.DataTextField = "CompanyName" ;
Select1.DataValueField = "IDClient" ;
Select1.DataBind();
LierSelectColor(Select1);
}
}
//Ajouter des styles aux éléments du contrôle de sélection
void BindSelectColor (sélection HtmlSelect)
{
numéro int = 0 ;
chaîne styleString = "" ;
pour(int i = 0; i < select.Items.Count; i ++ )
{
num = je % 3 ;
commutateur (numéro)
{
cas 0 :
{
styleString = "COULEUR : #000099 ; COULEUR DE FOND : #F4FAFF" ;
casser;
}
cas 1 :
{
styleString = "COULEUR : #990000 ; COULEUR DE FOND : #FFFAFB" ;
casser;
}
cas 2 :
{
styleString = "COULEUR : #009900 ; COULEUR DE FOND : #F4FFFA" ;
casser;
}
}
select.Items[i].Attributes.Add("style",styleString);
}
}