diseño de construcción
La casilla de verificación está diseñada de la siguiente manera:
el efecto es:
código de demostración
También puede copiar directamente el código para lograr este efecto:
<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title> CheckBoxList例子 </title>
<script runat="server">
void Check_Clicked(Object sender, EventArgs e)
{
Message.Text = "Selected Item(s):<br /><br />";
for (int i=0; i<checkboxlist1.Items.Count; i++)
{
if (checkboxlist1.Items[i].Selected)
{
Message.Text += checkboxlist1.Items[i].Text + "<br />";
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3> CheckBoxList 例子</h3>
选几个你喜欢的
<br /><br />
<asp:CheckBoxList id="checkboxlist1"
AutoPostBack="True"
CellPadding="5"
CellSpacing="5"
RepeatColumns="2"
RepeatDirection="Vertical"
RepeatLayout="Flow"
TextAlign="Right"
OnSelectedIndexChanged="Check_Clicked"
runat="server">
<asp:ListItem>学习 </asp:ListItem>
<asp:ListItem>王者荣耀</asp:ListItem>
<asp:ListItem>卢瓦鲁</asp:ListItem>
<asp:ListItem>吃鸡</asp:ListItem>
<asp:ListItem>部落冲突</asp:ListItem>
<asp:ListItem>明日之战</asp:ListItem>
</asp:CheckBoxList>
<br /><br />
<asp:label id="Message" runat="server" AssociatedControlID="checkboxlist1"/>
</form>
</body>
</html>
gramática básica
Las listas de casillas de verificación se pueden crear usando la sección Diseño arrastrando y soltando controles desde la ventana de la barra de herramientas de ASP.NET, o se pueden crear desde la sección Marcadores usando el siguiente código. El formato básico es el siguiente:
<asp: CheckBoxList id=” checkboxlist1” AutoPostBack = “True” TextAlign = “Right” OnSelectedIndexChanged = “CheckList_Clicked” runat= “server”>
<asp: ListItem> Item 1 </asp: ListItem>
<asp: ListItem> Item 2 </asp: ListItem>
<asp: ListItem> Item 3 </asp: ListItem>
Propiedades de ASP.NET CheckBoxList
Se puede acceder a los elementos de la lista de casillas de verificación usando diferentes propiedades.
CellPadding: establece la distancia entre los contenidos de las celdas.
RepeatedItemCount: Esto muestra el número total de elementos en la lista.
RepeatColumns: obtiene el número de columnas que se mostrarán en CheckboxList
. RepeatDirection: esta propiedad establece la dirección en la que los controles de la lista de casillas de verificación se muestran vertical u horizontalmente.
espaciado de celdas: se puede usar para establecer la distancia entre dos celdas de la lista de casillas de verificación.
HasFooter: comprueba si una lista de casillas de verificación tiene una sección de pie de página. Esta es una propiedad booleana, falso significa que no hay una sección de pie de página.
HasHeader: comprueba si la lista de casillas de verificación tiene una sección de encabezado. Esta es una propiedad booleana, falso significa que no hay una sección de encabezado.
HasSeparators: comprueba si hay separadores entre los elementos de la lista de casillas de verificación. Esta es una propiedad booleana, falso significa que no hay separador entre elementos.
RenderWhenDataEmpty: esta propiedad obtiene el valor o establece el valor de la condición cuando no hay datos en la fuente de datos. Verdadero significa que el control aún se representará incluso si no hay datos en la fuente de datos.
RepeatLayout: especifica cómo representar la lista utilizando elementos de tabla, elementos ul o elementos span.
TextAlign: especifica la alineación del texto de los elementos en la casilla de verificación.
Artículos: obtenga una colección de artículos de la lista.
AutoPostBack: si se establece en verdadero, se producirá una devolución automática cada vez que el usuario seleccione una casilla de verificación en la lista.