FineUI 官方论坛

标题: 页面左是RegionPanel控件，请看内容... [打印本页]

作者: 幻之达 时间: 2012-5-11 10:02
标题: 页面左是RegionPanel控件，请看内容...
版本：3.1.5
浏览器：IE8
如下代码
<ext:RegionPanel ID="RegionPanel1" ShowBorder="false" runat="server">
         <Regions>
         <ext:Region ID="regionTop" Height="60px" ShowBorder="false" ShowHeader="false" Position="Top" Layout="Fit" runat="server">
            <Toolbars>
               <ext:Toolbar ID="Toolbar1" Position="Top" runat="server" Height="35px">
                  <Items>
                  <ext

abel ID="lbTile" runat="server" Label="网站后台管理"></ext

abel>
                  </Items>
               </ext:Toolbar>
               <ext:Toolbar ID="Toolbar2" Position="Bottom" runat="server">
                  <Items>
                     <ext:ToolbarFill runat="server" />
                     <ext:ToolbarText ID="txtLoginUserName" runat="server"></ext:ToolbarText>
                     <ext:ToolbarSeparator runat="server" />
                     <ext:Button ID="btnPwd" runat="server" Icon="UserSuit" Text="密码修改"></ext:Button>
                     <ext:ToolbarSeparator runat="server" />
                     <ext:Button ID="btnExit" runat="server" Icon="UserRed" Text="安全退出" ConfirmText="确定退出系统？">
                     </ext:Button>
                  </Items>
               </ext:Toolbar>
            </Toolbars>
         </ext:Region>
         <ext:Region ID="regionLeft" Split="true" Width="180px" Margins="0 0 0 0" ShowHeader="true" Title="菜单" EnableCollapse="true" Layout="Fit" Position="Left" runat="server"></ext:Region>
         <ext:Region ID="regionCenter" ShowHeader="false" EnableIFrame="true" IFrameUrl="right.aspx" IFrameName="main" Height="500px" Margins="0 0 0 0" Position="Center" runat="server"></ext:Region>
         </Regions>
      </ext:RegionPanel>
需求：点击左边的某个菜单链接时，在右边如何实现官方示例的首页的右边一样功能，见下图
[attach]442[/attach]

作者: michenboa 时间: 2012-5-11 14:49

<ext:Region ID="RegCenter" runat="server" Position="Center" ShowHeader="false" Layout="Fit" Margins="0 0 0 0"
Title="Center Region" ShowBorder="True">
<Items>
<ext:TabStrip ID="mainTabStrip" runat="server" ActiveTabIndex="0" ShowBorder="False" EnableTabCloseMenu="True">
<Tabs>
<ext:Tab ID="Tab1" runat="server" BodyPadding="5px" EnableBackgroundColor="true"
Title="主页" Layout="Fit" Icon="House">
</ext:Tab>
</Tabs>
</ext:TabStrip>
</Items>
</ext:Region>

复制代码

在</form>与</body>间加入

<script type="text/javascript">
var IDS = {
treeMenu: '<%= treeMenu.ClientID %>',
btnExpandAll: '<%= btnExpandAll.ClientID %>',
btnCollapseAll: '<%= btnCollapseAll.ClientID %>',
mainTabStrip: '<%= mainTabStrip.ClientID %>'
};
</script>

复制代码

还要把例子中的default.js导入

欢迎光临 FineUI 官方论坛 (https://www.fineui.com/BBS/)