在 C# 中检查 Telerik 嵌套网格中的所有复选框 [英] Check all CheckBoxes in Telerik nested Grid in C#
本文介绍了在 C# 中检查 Telerik 嵌套网格中的所有复选框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
以下是我的 Telerik 嵌套网格代码:
Below is my code for nested grid of telerik:
<telerik:RadGrid runat="server" ID="OrdersGrid" ShowFooter="True" AllowSorting="True"
EnableLinqExpressions="false" GridLines="None" OnInsertCommand="OrdersGrid_InsertCommand"
OnItemCommand="OrdersGrid_ItemCommand" OnItemDataBound="OrdersGrid_ItemDataBound"
Width="100%" HeaderStyle-CssClass="gridHeader" OnItemCreated="OrdersGrid_ItemCreated">
<ClientSettings>
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>
<MasterTableView ShowHeader="true" AutoGenerateColumns="False" PageSize="7" HierarchyLoadMode="Client"
Font-Names="Verdana" Font-Size="12px" DataKeyNames="RIGHT_ID">
<NestedViewTemplate>
<telerik:RadGrid ID="brnchgrid" runat="server" OnItemDataBound="brnchgrid_ItemDataBound"
CssClass="gridHeader" Width="100%">
<MasterTableView DataSourceID="SqlDataSource1" AutoGenerateColumns="false" Font-Names="Verdana"
Font-Size="12px">
<Columns>
<telerik:GridBoundColumn HeaderText="Branch CODE" DataField="BRNCH_CODE" Visible="false">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Branch name" DataField="BRNCH_NAME" UniqueName="BRNCH_NAME">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="add" HeaderText="ADD" HeaderStyle-Width="50px">
<ItemTemplate>
<asp:CheckBox ID="chkadd" runat="server" />
</ItemTemplate>
<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" Width="50px" />
<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" Width="50px" />
</telerik:GridTemplateColumn>
我想提供一个选项来检查 brnchgrid 内嵌套网格中的所有标题.复选框列名为添加.
I want to give an option to check all in the header in nested grid inside brnchgrid. The checkbox column is named add.
推荐答案
在您的标记中设置标题文本以包含一个 checkbox
,它调用一个函数来检查所有的复选框 onclick代码>.
In your markup set the header text to contain a checkbox
which calls a function to check all the checkboxes onclick
.
<telerik:GridTemplateColumn UniqueName="add" HeaderText="<input type='checkbox' id='checkAll' onclick='checkAll(this, gridToCheckAll);'>" HeaderStyle-Width="50px">
然后在 javascript 中
then in javascript
<script>
var gridToCheckAll = '<%= brnchgrid.ClientID %>';
function checkAll(sender, containerID) {
var checked = sender.checked;
var container = document.getElementById(containerID);
var checkboxes = container.getElementsByTagName('input');
for (var i = 0, l = checkboxes.length; i < l; i++) {
if (checkboxes[i] != sender && !checkboxes[i].disabled)
checkboxes[i].checked = checked;
}
}
</script>
这篇关于在 C# 中检查 Telerik 嵌套网格中的所有复选框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文