Telerik Splitter调整大小不能使用ASP.net和Javascript

时间:2012-12-28 09:45:58

标签: c# javascript asp.net telerik rad-controls

我正在使用一个网页,其中包含3个splitters.one是页面的左侧,第二个拆分器处于水平方向,它将页面显示为一半,第三个拆分器处于垂直方向,位于上方水平分割器。

现在我从主页面中获取左窗格分割器,并在网页本身上创建其他两个分割器。现在我的问题是,我无法调整拆分器的大小。我甚至无法拖动分离器本身。我在我的ASPX页面中为Splitter提供了一些调整大小(脚本)方法作为OnClientLoaded,OnClientResized事件。但是当我试图调整拆分器的大小时,方法不会被触发。

但是我可以调整继承自母版页的左窗口分割器。在调整左窗格分割器的大小后,我可以调整其他分割器(水平和垂直分割器)的大小。我不知道我的代码有什么不对吗?

有人可以帮我解决这个问题吗?

我的代码是:

这是使用拆分器创建左窗格的主页面代码:

<telerik:RadSplitter ID="radSplitter" runat="server" Width="100%" Height="100%"  Skin="Windows7"
        OnClientLoaded="LoadMainSplitterNew" OnClientResized="ResizeMainSplitterNew" VisibleDuringInit="false">
        <telerik:RadPane ID="radLeftPane" CssClass="OverflowStyleLP" Width="20%" Height="100%"
            runat="server">
            <asp:ContentPlaceHolder ID="LeftContentPlaceHolder" runat="server">
            </asp:ContentPlaceHolder>
        </telerik:RadPane>
        <telerik:RadSplitBar ID="radSplitBar" runat="server" CollapseMode="Forward" />
        <telerik:RadPane ID="radRightPane" Width="80%" Height="100%" Scrolling="None" runat="server"
            OnClientResized="afterResizeNew"> <%-- here I am creating the right pane and place my web page on this with the two splitters--%>
            <asp:ContentPlaceHolder ID="RightContentPlaceHolder" runat="server">
            </asp:ContentPlaceHolder>
        </telerik:RadPane>
    </telerik:RadSplitter>

这是我在ASPX页面中分割器的代码

<telerik:RadSplitter ID="RadSHorizontal" runat="server" Orientation="Horizontal" Skin="Windows7" 
         OnClientLoaded="LoadADSplitterNew" OnClientResized="ResizeADSplitterNew">  

            <telerik:RadPane ID="RadTable" Scrolling="None" runat="server" SkinID="Windows7" >  

                <telerik:RadSplitter ID="RadSUpperVert"  runat="server" Orientation="Vertical" Skin="Windows7"  >

                      <telerik:RadPane ID="pnlMap"  Scrolling="Both"   runat="server" SkinID="Windows7">
                                        <telerik:RadTreeView ID="radTree" runat="server" MaxDataBindDepth="4"
                                            OnClientNodeCollapsing="OnClientNodeCollapsing" OnClientNodeExpanded="ClientMapNodeExpanded"
                                            CssClass="no_root_sign" OnClientNodeClicked="mapNodeClicked" OnClientLoad="ExpandRootNode_OnLoad" EnableDragAndDrop="false"
                                            EnableDragAndDropBetweenNodes="false">
                                            <Nodes>
                                                                                                    </telerik:RadTreeNode>
                                            </Nodes>
                                            <CollapseAnimation Duration="100" Type="OutQuint" />
                                            <ExpandAnimation Duration="100" />
                                        </telerik:RadTreeView>                                        
                        </telerik:RadPane>

                       <telerik:RadSplitBar ID="rspBar" runat="server" SkinID="Windows7"  />

                       <telerik:RadPane ID="RadGroup" runat="server" Scrolling="Both" SkinID="Windows7" >
                           <div id="tdGroup" style="font-size: 8pt; font-weight: 100; overflow: hidden;">
                           </div>
                       </telerik:RadPane>

                </telerik:RadSplitter>

             </telerik:RadPane>                 
            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" />
            <telerik:RadPane ID="RadPTable2" Scrolling="None" runat="server" SkinID="Windows7" >
            <telerik:RadSplitter ID="RadSLowerVert"  runat="server" Skin="Windows7" Orientation="Vertical" OnClientResized="ResizeMethod">

                      <telerik:RadPane ID="RadDesc" runat="server" SkinID="Windows7">
                                     <div id="pnlDesc" style="overflow-x:hidden; overflow-y:auto;">
                                    </div>                                 
                        </telerik:RadPane>

                </telerik:RadSplitter>
         </telerik:RadPane>

0 个答案:

没有答案