or
I need to implement client-side Select All functionality in a nested RadGrid, however, I cannot use the default Telerik select functionality. Following is the code. I am calling a JS method upon click of the checkbox in the header and want to select or deselect based on the state of the header checkbox.
<
telerik:RadGrid
ID
=
"Orders"
AllowRowSelect
=
"true"
AllowCustomPaging
=
"true"
runat
=
"server"
OnItemCommand
=
"Orders_ItemCommand"
OnItemDataBound
=
"Orders_ItemDataBound"
OnNeedDataSource
=
"Orders_NeedDataSource"
AutoGenerateColumns
=
"false"
AllowSorting
=
"false"
GroupingSettings-CaseSensitive
=
"false"
>
<
ClientSettings
>
<
Selecting
AllowRowSelect
=
"true"
/>
<
ClientEvents
OnFilterMenuShowing
=
"filterMenushowing"
/>
</
ClientSettings
>
<
MasterTableView
EditMode
=
"InPlace"
AllowFilteringByColumn
=
"false"
>
<
Columns
>
<%--Some columns--%>
</
Columns
>
<
NestedViewTemplate
>
<
asp:Panel
ID
=
"pnlAsset"
runat
=
"server"
>
<
telerik:RadTabStrip
runat
=
"server"
ID
=
"AssetTabStrip"
MultiPageID
=
"MultiPage1"
SelectedIndex
=
"0"
Skin
=
"Windows7"
>
<
Tabs
>
<
telerik:RadTab
runat
=
"server"
Text
=
"Something"
PageViewID
=
"RadPageView1"
></
telerik:RadTab
>
<%--Some more tabs--%>
</
Tabs
>
</
telerik:RadTabStrip
>
<
telerik:RadMultiPage
runat
=
"server"
ID
=
"Multipage1"
SelectedIndex
=
"0"
>
<
telerik:RadPageView
runat
=
"server"
ID
=
"RadPageView1"
>
<
div
id
=
"divAsset"
>
<
telerik:RadGrid
ID
=
"Assets"
runat
=
"server"
AutoGenerateColumns
=
"False"
Skin
=
"Windows7"
AllowSorting
=
"false"
CssClass
=
"GridMargin"
AllowPaging
=
"true"
PageSize
=
"10"
GroupingSettings-CaseSensitive
=
"false"
GridLines
=
"None"
CellSpacing
=
"0"
OnItemDataBound
=
"Assets_ItemDataBound"
OnItemCommand
=
"Assets_ItemCommand"
OnNeedDataSource
=
"Assets_NeedDataSource"
AllowCustomPaging
=
"true"
>
<
ClientSettings
>
<
Selecting
AllowRowSelect
=
"false"
/>
<
ClientEvents
OnFilterMenuShowing
=
"filterMenushowing"
/>
</
ClientSettings
>
<
MasterTableView
EditMode
=
"InPlace"
AllowFilteringByColumn
=
"false"
>
<
Columns
>
<
telerik:GridTemplateColumn
UniqueName
=
"move"
AllowFiltering
=
"false"
>
<
HeaderTemplate
>
<
asp:CheckBox
ID
=
"chkSelectAll"
runat
=
"Server"
onclick
=
"checkAssetGridAll(this);"
/>
</
HeaderTemplate
>
<
ItemTemplate
>
<
asp:CheckBox
ID
=
"chkSelect"
runat
=
"server"
/>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
<%--Some columns--%>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
</
div
>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
</
asp:Panel
>
</
NestedViewTemplate
>
</
MasterTableView
>
</
telerik:RadGrid
>
var
masterTable = $find(
"<%= Orders.ClientID %>"
).get_masterTableView();
var
dataItems = masterTable.get_dataItems();
for
(
var
i = 0; i < dataItems.length; i++) {
alert(dataItems[i].get_nestedViews().length);
}
What I am trying to do is set the color of the inside of the radwindow. The skin I have set as Web20, but for what resides on the inside of the radwindow i want the color to the antiqueWhite. I have tried applying a css style but it does not take even if I put important.
<
telerik:RadWindowManager
ID
=
"rwManager"
runat
=
"server"
CenterIfModal
=
"true"
Modal
=
"true"
Animation
=
"FlyIn"
Behaviors
=
"Close"
Skin
=
"Web20"
VisibleStatusbar
=
"false"
>
<
Windows
>
<
telerik:RadWindow
ID
=
"rwdelete"
runat
=
"server"
NavigateUrl
=
"~/MAC/Delete.aspx"
Width
=
"600px"
Height
=
"300px"
ShowContentDuringLoad
=
"false"
CssClass
=
"rwDelete"
></
telerik:RadWindow
>
<
telerik:RadWindow
ID
=
"rwChange"
runat
=
"server"
NavigateUrl
=
"~/MAC/Change.aspx"
Width
=
"800px"
Height
=
"600px"
ShowContentDuringLoad
=
"false"
></
telerik:RadWindow
>
<
telerik:RadWindow
ID
=
"rwNew"
runat
=
"server"
NavigateUrl
=
"~/MAC/NewUser.aspx"
></
telerik:RadWindow
>
</
Windows
>
</
telerik:RadWindowManager
>
.rwDelete {
background-color:antiquewhite !important;
}
I applied to the div that sits on the inside of the window and this works but it does not fill the whole inside of the radwindow.