页面左是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>
                      <extabel ID="lbTile" runat="server" Label="网站后台管理"></extabel>
                    </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>
需求：点击左边的某个菜单链接时，在右边如何实现官方示例的首页的右边一样功能，见下图

michenboa

1. <ext:Region ID="RegCenter" runat="server" Position="Center" ShowHeader="false" Layout="Fit" Margins="0 0 0 0"
   
2.                 Title="Center Region" ShowBorder="True">
   
3.                 <Items>
   
4.                     <ext:TabStrip ID="mainTabStrip" runat="server" ActiveTabIndex="0" ShowBorder="False" EnableTabCloseMenu="True">
   
5.                         <Tabs>
   
6.                             <ext:Tab ID="Tab1" runat="server" BodyPadding="5px" EnableBackgroundColor="true"
   
7.                                 Title="主页" Layout="Fit" Icon="House">
   
8.                             </ext:Tab>
   
9.                         </Tabs>
   
10.                     </ext:TabStrip>
    
11.                 </Items>               
    
12.             </ext:Region>

复制代码

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

1. <script type="text/javascript">
   
2.          var IDS = {
   
3.              treeMenu: '<%= treeMenu.ClientID %>',
   
4.              btnExpandAll: '<%= btnExpandAll.ClientID %>',
   
5.              btnCollapseAll: '<%= btnCollapseAll.ClientID %>',
   
6.              mainTabStrip: '<%= mainTabStrip.ClientID %>'
   
7.          };
   
8.     </script>
   

复制代码

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