我正在使用一个网页,其中包含 3 个拆分器。一个位于页面的左侧,第二个拆分器处于水平方向,将页面拆分为一半,第三个拆分器处于垂直方向,位于水平拆分器的上方。
现在,我从我的母版页中获取了左窗格拆分器,并且在网页本身上创建了其他两个拆分器。现在我的问题是,我无法调整拆分器的大小。我什至不能拖动分离器本身。我在我的 ASPX 页面中有一些调整大小(脚本)的方法,用于拆分器作为 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>