Cómo usar el artículo en el encabezado del repetidor en ASP.net con C # 2008
-
06-07-2019 - |
Pregunta
Utilizo un CheckBox en el encabezado de la columna y esa combinación también es contenedor de contenedores.
Quiero usar un chechBox en el encabezado de Repeater, y cuando este control está marcado, las casillas de verificación de las filas están marcadas.
¿Cómo hago esto?
Solución 4
CheckBox Checkall = SendBoxrep.Controls[0].Controls[0].FindControl("Checkall") as CheckBox;
Otros consejos
La mejor respuesta implicaría javascript del lado del cliente. Obtendría el ID de los controles usando controlName.clientID y lo tendría codificado en el javascript ..
Pero aquí está la ingenua respuesta de Dotnet:
Dado el repetidor:
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<div> <asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="SetAllChecks" AutoPostBack="true" /></div>
<hr />
</HeaderTemplate>
<ItemTemplate>
<div> <asp:CheckBox ID="CheckBox2" Checked='<%# Container.DataItem("isChecked") %>' runat="server" /></div>
</ItemTemplate>
</asp:Repeater>
Y el código:
Imports System.Data
Imports System.Collections
Partial Class _Default
Inherits System.Web.UI.Page
Public Sub SetAllChecks(ByVal sender As Object, ByVal e As System.EventArgs)
Dim amIChecked As CheckBox = CType(sender, CheckBox)
Dim rowCt As Integer = Repeater1.Items.Count
Dim ridx As Integer = 0
For ridx = 0 To rowCt - 1
Dim cbox As CheckBox = CType(Repeater1.Items(ridx).FindControl("CheckBox2"), CheckBox)
cbox.Checked = amIChecked.Checked
Next
End Sub
Public Sub Repeater1_OnItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.RepeaterItemEventArgs) Handles Repeater1.ItemDataBound
End Sub
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
Dim dt As New DataTable()
dt.Columns.Add(New DataColumn("isChecked"))
Dim tmprow As DataRow = dt.NewRow()
tmprow("isChecked") = True
dt.Rows.Add(tmprow)
tmprow = dt.NewRow()
tmprow("isChecked") = False
dt.Rows.Add(tmprow)
tmprow = dt.NewRow()
tmprow("isChecked") = False
dt.Rows.Add(tmprow)
tmprow = dt.NewRow()
tmprow("isChecked") = False
dt.Rows.Add(tmprow)
tmprow = dt.NewRow()
tmprow("isChecked") = False
dt.Rows.Add(tmprow)
Repeater1.DataSource = dt
Repeater1.DataBind()
End If
End Sub
Clase final
Esto se puede lograr fácilmente con jQuery. Supongamos que tiene la siguiente tabla, generada por su repetidor:
<table>
<thead>
<tr>
<th><input type="checkbox" name="headerchk" id="headerchk" /></th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="chk1" id="garbage1_added_my_repeater_chk" /></td>
</tr>
<tr>
<td><input type="checkbox" name="chk2" id="garbage2_added_my_repeater_chk" /></td>
</tr>
<tr>
<td><input type="checkbox" name="chk3" id="garbage3_added_my_repeater_chk" /></td>
</tr>
</tbody>
</table>
Luego, puede asignar un controlador de eventos para la casilla de verificación en el encabezado que activará todas las demás casillas de verificación:
$(function() {
$('#headerchk').change(function() {
// Toggle all inputs of type checkbox and with ids starting with chk:
$('input[type=checkbox][id$=chk]').attr('checked', this.checked);
});
});
Aquí está el código C # relevante de la respuesta de Bill:
public void SetAllChecks(object sender, EventArgs e)
{
CheckBox amIChecked = (CheckBox)sender;
foreach (RepeaterItem ri in Repeater1.Items)
{
CheckBox cbox = (CheckBox)ri.FindControl("CheckBox2");
cbox.Checked = amIChecked.Checked;
}
}