OnRowSelected messes up radSplitter

1 posts, 0 answers
  1. Robert
    Robert avatar
    1 posts
    Member since:
    Oct 2009

    Posted 15 Jan 2018 Link to this post

    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>

     

     

Back to Top