Hi,
I have a problem with the radsplitter on the same page as the grid. Below is a sample page. This works. If I take the script and put it in a js file, the page looses the 100% height and width. If I take out the line "<ClientEvents OnRowSelected="RowSelected" />" it works. So the only way I have been able to get the 100% working is to put the scripting in the page, I can't put it in a js file and link the script file . The 100% is needed to have the radsplitter fill the whole page. Note how I set teh style for HTML, Body and Form to try and force the 100%, but that is ignored when the OnRowSelected is put in.
Please help, this is driving me crazy. I need to put a ton of scripting on the OnRowSelected event, so I would prefer it to be in a separate file.
<html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%; margin: 0px; padding: 0px; width: 100%">
<head runat="server">
<title></title>
<script>
function RowSelected(sender, eventArgs) {
alert("The active row is: " + eventArgs.get_gridDataItem());
}
</script>
</head>
<body style="height: 100%; margin: 0px; padding: 0px; width: 100%">
<form id="form1" runat="server" style="height: 100%; margin: 0px; padding: 0px; width: 100%">
<telerik:RadScriptManager ID="scriptManager1" runat="server" EnableTheming="True">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
</Scripts>
</telerik:RadScriptManager>
<telerik:RadSplitter ID="splitterMain" runat="server" Height="100%" Width="100%" Orientation="Horizontal">
<telerik:RadPane ID="paneTop" runat="server">
<table>
<tr>
<td style="vertical-align: top;">
<telerik:RadGrid ID="gridDocuments" AllowSorting="True" AllowPaging="True" PageSize="20" runat="server" GridLines="None"
AllowMultiRowSelection="true">
<ClientSettings>
<Selecting AllowRowSelect="True" />
<ClientEvents OnRowSelected="RowSelected" />
</ClientSettings>
<PagerStyle Mode="NumericPages" Position="Bottom"></PagerStyle>
<MasterTableView DataKeyNames="DocumentID" ClientDataKeyNames="DocumentID" HierarchyLoadMode="Client">
<Columns>
<telerik:GridBoundColumn DataField="DocumentID" Visible="false" ItemStyle-Width="0px"></telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</td>
</tr>
</table>
</telerik:RadPane>
<telerik:RadSplitBar ID="panebar" runat="server" CollapseMode="Forward">
</telerik:RadSplitBar>
<telerik:RadPane ID="paneBottom" runat="server">
<div id="divLayout">
<asp:Panel ID="panelContent" runat="server" Style="position: relative">
</asp:Panel>
</div>
</telerik:RadPane>
</telerik:RadSplitter>
</form>
</body>
</html>