So wählen Sie alle Kontrollkästchen, innerhalb eines gridview?
Ich möchten, aktivieren Sie die Kontrollkästchen innerhalb einer ListView, die ist Platziert in einem Gridview.
Das Gridview ist, dass man viele Zeilen und Jede Zeile ist eine Liste anzeigen mit den dazugehörigen recrods.
Jede Zeile enthält eine CheckBox namens "alle auswählen". Ich möchten, aktivieren Sie die Kontrollkästchen der untergeordneten ListView-Steuerelement die begleitet wird, dass bestimmte Zeile.
Habe ich eine Server-side-code aus, die ich in der Lage, dies zu tun. aber das dauert zu viel Zeit.. also quasi um 1-2 Minuten, um Datensätze auszuwählen, wenn mehr als 1000 Datensätze. Ich möchte dies mit einem Javascript. wie kann ich das erreichen.
Dies ist das Bild, für das GridView und ListView.
GridView Gruppen und Kontakte ist die ListView
Wenn ich wählen Sie den "SelectAll" - Schaltfläche in der GridView die Entsprechenden Kontakte ausgewählt werden sollte.
Wie kann ich erreichen, das mit Javascript.
Dies ist der code der grid-Ansicht
<asp:GridView ID="GridViewGroups" runat="server" AutoGenerateColumns="False"
onrowdatabound="GridViewGroups_RowDataBound" Width="100%"
BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"
onselectedindexchanged="GridViewGroups_SelectedIndexChanged"
meta:resourcekey="GridViewGroupsResource1" >
<Columns>
<asp:TemplateField HeaderText="Groups"
meta:resourcekey="TemplateFieldResource1" HeaderStyle-CssClass="tSubHead">
<ItemTemplate>
<div align="left" >
<asp:Panel ID="PanelContainer" runat="server" Width="100%"
meta:resourcekey="PanelContainerResource1" >
<asp:Panel ID="PanelHeaderList" runat="server"
meta:resourcekey="PanelHeaderListResource1" CssClass="tSubHead2" style="cursor:pointer;">
<asp:ImageButton ID="Image1" runat="server" ImageUrl="../micons/IC_Plus.png" CssClass="tImage"
AlternateText="Expand or Collapse" meta:resourcekey="Image1Resource1"/>
<asp:Label ID="LabelGrpName_sm" runat="server"
Text='<%# string.Format("{0} ({1})", Eval("Grp_Name"),Eval("CountNo")) %>'
meta:resourcekey="LabelGrpName_smResource1" />
</asp:Panel>
<div style="float:left;width:200px;" >
<asp:HiddenField ID="hfGrpID" runat="server" Value='<%# Eval("Grp_ID") %>' />
<asp:CheckBox ID="CheckBoxSelect" runat="server" AutoPostBack="True" class='<%#Eval("Grp_ID") %>'
OnCheckedChanged="GroupCheckChanged"
meta:resourcekey="CheckBoxSelectResource1" />
<b> <asp:Label ID="Grp_NameLabel" runat="server"
Text="Select All"
meta:resourcekey="Grp_NameLabelResource1" />
</b>
</div>
<br />
<p>
<asp:Panel ID="PanelGroupsItem" runat="server" Width="100%"
meta:resourcekey="PanelGroupsItemResource1" >
<asp:Panel ID="MyGroups" runat="server" ScrollBars="Vertical" Height="300px"
Width="100%" Visible='<%# GetFlag(Convert.ToInt32(Eval("Grp_ID"))) %>'
meta:resourcekey="MyGroupsResource1">
<asp:ListView ID="ListViewContactsInGrp" runat="server" onitemdatabound="ListView1_ItemDataBound" >
<LayoutTemplate>
<table id="Table1" runat="server" style="width:100%;">
<tr id="Tr1" runat="server">
<td id="Td1" runat="server">
<table ID="itemPlaceholderContainer" runat="server" border="0" style="width:100%;">
<tr id="Tr2" runat="server" style="">
<th id="Th1" runat="server" colspan="2" class="tSubHead2">
Contacts</th>
</tr>
<tr ID="itemPlaceholder" runat="server">
</tr>
</table>
</td>
</tr>
<tr id="Tr3" runat="server">
<td id="Td2" runat="server" style="">
</td>
</tr>
</table>
</LayoutTemplate>
<ItemTemplate>
<tr style="">
<td class="tListViewAlignment" style="width:10px">
<asp:CheckBox ID="chkFlag" runat="server" meta:resourcekey="chkFlagResource1" class='<%#Eval("grp_id") %>' />
</td>
<td class="tListViewAlignment"><asp:Label ID="LabelContacts" runat="server" Text='<%# Eval("cont_name") %>'
meta:resourcekey="LabelContactsResource1"></asp:Label>
<asp:HiddenField ID="hfGSM" runat="server" Value='<%# Eval("cont_gsm") %>' />
</td>
</tr>
</ItemTemplate>
</asp:ListView>
</asp:Panel>
</asp:Panel>
</p>
<asp:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"
Collapsed="True"
TargetControlID="PanelGroupsItem"
CollapseControlID="PanelHeaderList"
ExpandControlID="PanelHeaderList"
ImageControlID="Image1"
ExpandedImage="~/micons/IC_minus.png"
CollapsedImage="~/micons/IC_Plus.png"
SuppressPostBack="True" Enabled="True">
</asp:CollapsiblePanelExtender>
</asp:Panel>
</div>
</ItemTemplate>
<ItemStyle BorderColor="Silver" />
</asp:TemplateField>
</Columns>
<HeaderStyle BorderColor="Silver" />
<RowStyle BorderColor="Silver" />
</asp:GridView>
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Sie haben einen Namen zu jeder checkbox der Kontakt-Liste als:
Für die wichtigsten Kontrollkästchen wählt alle Kontrollkästchen:
Können Sie folgende javascript-Funktion:
Diese verwenden, wenn Sie wählen Sie "select all" - checkbox, es wird markieren Sie alle chekboxes mit dem Namen "Kontakte" und entfernen Sie das ausgewählte Kontrollkästchen, wenn "alle auswählen" deaktiviert ist.
Könnten Sie etwas tun, wie dies mit jQuery.
Oder wenn alle Checkboxen haben den gleichen Klasse
Ich denke, man braucht so etwas wie dieses:
und rufen Sie es wie folgt: