<%@ 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_" + ...