Comment utiliser élément dans l'en-tête de répéteur dans ASP.net avec C# 2008

Question

I Utilisez un CheckBox dans l'en-tête de colonne et que coulmn est Container Cehckboxes aussi. Je souhaite utiliser une chechBox dans l'en-tête de Repeater, et lorsque cette case est cochée, les cases à cocher des lignes sont cochées.

Comment est-ce que je fais?

Answer 1

CheckBox Checkall = SendBoxrep.Controls[0].Controls[0].FindControl("Checkall") as CheckBox; 

Answer 2

Cela peut être facilement réalisé avec jQuery. Supposons que vous aviez le tableau ci-dessous, générée par votre répéteur:

<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> 

Ensuite, vous pouvez attribuer un gestionnaire d'événements pour la case à cocher dans l'en-tête qui basculera toutes les autres cases à cocher:

$(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); 
    }); 
}); 

Answer 3

La meilleure réponse impliquerait javascript côté client. Vous obtiendrez l'identifiant des contrôles à l'aide controlName.clientID et l'ont codé dans le javascript ..

Mais voici la Dotnet naïve que répondre:

Étant donné le répéteur:

<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> 

Et le codebehind:

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 

End Class

Answer 4

Voici la code correspondant C# de la réponse 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; 
    } 
}