Como se muestra en la figura siguiente, se muestra un cuadro desplegable con tres colores alternos.
Método de implementación:
1. Utilice el control System.Web.UI.HtmlControls y ejecútelo como control de servidor.
2. Vincula datos a este control de selección en segundo plano.
3． Luego llame a una función que escribió para especificar el color de cada uno de sus elementos.
Código de implementación (parte principal de implementación):
Recepción (WebForm1.aspx):
<SELECT id="Seleccionar1" estilo="ANCHO: 300px" nombre="Seleccionar1" runat="servidor">
<OPCIÓN seleccionada></OPCIÓN>
</SELECCIONAR>
Servidor (WebForm1.aspx.cs):
Page_Load vacío privado (remitente del objeto, System.EventArgs e)
{
si(!IsPostBack)
{
SqlConnection cnn = nueva SqlConnection();
cnn.ConnectionString = "fuente de datos = localhost; catálogo inicial = Northwind; contraseña =;"
+"información de seguridad persistente=True;id de usuario=sa;id de estación de trabajo=APJ062;tamaño de paquete=4096";
string sqlstr = "seleccione los 10 principales ID de cliente y nombre de empresa de los clientes";
cnn.Open();
Anuncio SqlDataAdapter = nuevo SqlDataAdapter(sqlstr,cnn);
Tabla de datos dt = nueva Tabla de datos();
anuncio.Fill(dt);
Seleccionar1.DataSource = dt;
Select1.DataTextField = "Nombre de la empresa";
Select1.DataValueField = "ID de cliente";
Seleccionar1.DataBind();
BindSelectColor(Seleccionar1);
}
}
//Agregar estilos a los elementos del control de selección
anular BindSelectColor (selección HtmlSelect)
{
número int = 0;
cadena estiloCadena = "";
para(int i = 0; i < select.Items.Count; i ++ )
{
número = i % 3;
cambiar(núm)
{
caso 0:
{
styleString = "COLOR: #000099; COLOR DE FONDO: #F4FAFF";
romper;
}
caso 1:
{
styleString = "COLOR: #990000; COLOR DE FONDO: #FFFAFB";
romper;
}
caso 2:
{
styleString = "COLOR: #009900; COLOR DE FONDO: #F4FFFA";
romper;
}
}
select.Items[i].Attributes.Add("estilo",styleString);
}
}