<%@ Page Language="C#" AutoEventWireup="true" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>FullWindow</title> <style type="text/css"> html, body, form { height: 100%; margin: 0px; padding: 0px; overflow: hidden; } </style> <asp:ContentPlaceHolder ID="HeadContent" runat="server"> </asp:ContentPlaceHolder></head><body> <form id="form2" runat="server"> <asp:ScriptManager ID="ScriptManager" runat="server" /> <div id="ParentDivElement" style="height: 100%;"> <telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%" Orientation="Horizontal" Skin="Outlook"> <telerik:RadPane ID="TopPane" runat="server" Height="100" MinHeight="85" MaxHeight="150" Scrolling="none"> <!-- Place the content of the pane here --> </telerik:RadPane> <telerik:RadSplitBar ID="RadsplitbarTop" runat="server" CollapseMode="Forward" /> <telerik:RadPane ID="MainPane" runat="server" Scrolling="none" MinWidth="500"> <telerik:RadSplitter ID="NestedSplitter" runat="server" Skin="Outlook" LiveResize="true"> <telerik:RadPane ID="LeftPane" runat="server" Width="200" MinWidth="150" MaxWidth="400"> <!-- Place the content of the pane here --> </telerik:RadPane> <telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" /> <telerik:RadPane ID="ContentPane" runat="server"> <asp:ContentPlaceHolder ID="MainContent" runat="server" /> </telerik:RadPane> <telerik:RadPane ID="FooterPane" CssClass="footer" Height="35px" runat="server"> My footer © 2012. All rights reserved. </telerik:RadPane> </telerik:RadSplitter> </telerik:RadPane> </telerik:RadSplitter> </div> </form></body></html>
<telerik:RadListView ID="RadListViewAttachment" runat="server" ItemPlaceholderID="ListViewContainer" OnNeedDataSource="RadListViewAttachment_NeedDataSource" DataKeyNames="RecordID" OverrideDataSourceControlSorting="true"> <LayoutTemplate> <asp:PlaceHolder runat="server" ID="ListViewContainer" /> </LayoutTemplate> <ItemTemplate> <table> <tr> <td> <telerik:RadBinaryImage Style="cursor: pointer; display: block;" runat="server" ID="RadBinaryImage1" AutoAdjustImageControlSize="false" Width="15px" Height="15px" DataValue='<%#Eval("SaveFile") %>' AlternateText="<%$ Code:Resources.Articles.Article_LargeImage %>" ToolTip="<%$ Code:Resources.Articles.Article_LargeImage %>" onclick="<%#CreateWindowScript() %>" /> </td> <td> <label> <%#Eval("OrgFileName")%></label> </td> </tr> </table> </ItemTemplate> </telerik:RadListView>
function MarkCheckBox(cntrl, CmdtType) {
var rgBarcodeGen = document.getElementById('<%=rgBarcodeGen.ClientID %>');
var gvRow = rgBarcodeGen.getElementsByTagName('tr');
for (var i = 1; i < gvRow.length; i++) {
var gvCntrl = gvRow[i].getElementsByTagName('input');
for (var j = 0; j < gvCntrl.length; j++) {
if (gvCntrl[j].type == "checkbox") {
if (CmdtType == 'master') {
gvCntrl[j].checked = cntrl.checked;
break;
}
else if (CmdtType == 'detail') {
gvCntrl[i = j].checked = cntrl.checked;
break;
}
}
}
}
}
In my telerik radgrid i have 2 checkbox columns named "Approved" and "Denied". How do i 'check' multiple checkboxes in each column by draging over the checkboxes? Please note I DO NOT want to select multiple entire rows but just multiple checkboxes in these respective columns by just dragging. Here is the aspx:
<telerik:GridTemplateColumn UniqueName="checkBoxYesColumn">
<HeaderStyle HorizontalAlign="Center" />
<HeaderTemplate>
<asp:CheckBox ID="cbYesHead2" runat="server" />
<cc1:MutuallyExclusiveCheckBoxExtender ID="mecbeYesHead" runat="server" TargetControlID="cbYesHead2" />
</HeaderTemplate>
<ItemStyle ... HorizontalAlign="Center" />
<ItemTemplate>
<asp:CheckBox ID="cbYes2" runat="server" />
<cc1:MutuallyExclusiveCheckBoxExtender ID="mecbe1" runat="server" TargetControlID="cbYes2" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="" UniqueName="ignoreCheckBoxYesColumn">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<asp:CheckBox ID="cbNo2" runat="server" />
<cc1:MutuallyExclusiveCheckBoxExtender ID="mecbe2" runat="server" TargetControlID="cbNo2" />
</ItemTemplate>
</telerik:GridTemplateColumn>
Here is the code behind in C#:
CheckBox cb = (CheckBox)headerItem.FindControl("cbYesHead2");
cb.Attributes.Add(...);
AjaxControlToolkit.MutuallyExclusiveCheckBoxExtender mecbeYes = (AjaxControlToolkit.MutuallyExclusiveCheckBoxExtender)headerItem.FindControl("mecbeYesHead2");
mecbeYes.Key = "head_" +...
cb = (CheckBox)headerItem.FindControl("cbNo2");
cb.Attributes.Add(...);
AjaxControlToolkit.MutuallyExclusiveCheckBoxExtender mecbeNo = (AjaxControlToolkit.MutuallyExclusiveCheckBoxExtender)headerItem.FindControl("mecbe2");
mecbeNo.Key = "head_" + ...