tree的链接无法在TabStrip列出

qwerty

我是一个刚使用extaspnet的新用户，我在使用treenode时，当点击treenode时，跳转页面直接将本页面网址设为要跳转的页面，而我期望的是在主页旁边列出一恶搞tab，tab为该页面。不知道怎么改正，下面是我的前端代码。

1.     <form id="form1" runat="server">
   
2.     <ext:PageManager ID="PageManager1" runat="server"  AutoSizePanelID="RegionPanel1" HideScrollbars="true" />
   
3.     <ext:RegionPanel ID="RegionPanel1" runat="server" ShowBorder="false">
   
4.         <Regions>
   
5. 
   
6.            
   
7.             <ext:Region  Margins="0 0 0 0" Height="62px" ShowBorder="false" ShowHeader="false"
   
8.                 Position="Top" Layout="Fit" runat="server">
   
9.                 <Toolbars>
   
10.                     <ext:Toolbar ID="Toolbar1" runat="server" Position="Bottom">
    
11.                         <Items>
    
12.                             <ext:Button ID="btnExpandAll" IconUrl="~/images/expand-all.gif" Text="展开全部" EnablePostBack="false"
    
13.                                 runat="server" >
    
14.                             </ext:Button>
    
15.                             <ext:Button ID="btnCollapseAll" IconUrl="~/images/collapse-all.gif" Text="折叠全部" EnablePostBack="false"
    
16.                                 runat="server" >
    
17.                             </ext:Button>
    
18.                         </Items>
    
19.                     </ext:Toolbar>
    
20.                 </Toolbars>
    
21.                
    
22.                 <Items>
    
23.                     <ext:ContentPanel ShowBorder="false" ShowHeader="false" BodyStyle="background-color:#1C3E7E;"
    
24.                         ID="ContentPanel1" runat="server">
    
25.                         <div class="header">
    
26.                             <a href="./index.aspx" style="color:#fff;font-weight: bold; font-size: 25px;">管理系统</a>
    
27.                         </div>
    
28.                     </ext:ContentPanel>
    
29.                 </Items>
    
30.             </ext:Region>
    
31.             
    
32.                
    
33. 
    
34.             <ext:Region ID="Region2" Split="true" EnableSplitTip="true" CollapseMode="Mini" Width="200px"
    
35.                 Margins="0 0 0 0" ShowHeader="true" Title="会员管理" EnableLargeHeader="false" Icon="Outline"
    
36.                 EnableCollapse="true" Layout="Fit" Position="Left" runat="server">
    
37.                 <Items>
    
38.                     <ext:Tree runat="server" EnableArrows="true" ShowBorder="false" ShowHeader="false"
    
39.                         EnableIcons="false" AutoScroll="true" ID="treeMenu">
    
40.                          <Nodes>  
    
41.                           <ext:TreeNode Text="角色管理" NavigateUrl="index.aspx">                                         
    
42.                            </ext:TreeNode>
    
43.                             </Nodes>  
    
44.                     </ext:Tree>
    
45.                 </Items>
    
46.             </ext:Region>
    
47.             
    
48.             
    
49.             <ext:Region runat="server" Position="Center" ShowHeader="false" Margins="0 0 0 0" Title="Center Region">
    
50.                
    
51.                 <Items>
    
52.                     <ext:TabStrip ID="TabStrip1" runat="server" ShowBorder="false" EnableTabCloseMenu ="true" >
    
53.                         <Tabs>
    
54.                             <ext:Tab ID="Tab1" runat="server" BodyPadding="5px" EnableBackgroundColor="true"
    
55.                                 Title=" 首页" Layout="Fit" Icon="House" >
    
56.                             </ext:Tab>
    
57.                         </Tabs>
    
58.                     </ext:TabStrip>
    
59.                 </Items>
    
60.             </ext:Region>
    
61.             
    
62.             <ext:Region ID="Region1" runat="server" Position="Bottom" ShowHeader="true" Split="true"
    
63.                 Title="Bottom" Width="200px" Layout="Fit">
    
64.                 <Items>
    
65. 
    
66.                 </Items>
    
67.             </ext:Region>
    
68.             
    
69.             
    
70.         </Regions>
    
71.     </ext:RegionPanel>
    
72.         <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/menu.xml"></asp:XmlDataSource>
    
73.     </form>

复制代码

fat

求方法~

qwerty

{:soso__6235880048239246314_3:}文档不够详细啊。

Jango_Jing_-_正

仔细看首页的源代码  里面有一段js  

qwerty

Jango_Jing_-_正 发表于 2012-7-31 05:38
仔细看首页的源代码  里面有一段js

恩恩 谢谢
要加载JS代码

1. 
   
2. function onReady() {
   
3.     var btnExpandAll = Ext.getCmp(IDS.btnExpandAll);
   
4.     var btnCollapseAll = Ext.getCmp(IDS.btnCollapseAll);
   
5.     var treeMenu = Ext.getCmp(IDS.treeMenu);
   
6.     var mainTabStrip = Ext.getCmp(IDS.mainTabStrip);
   
7.    
   
8.     // 点击全部展开按钮
   
9.     btnExpandAll.on('click', function () {
   
10.         treeMenu.expandAll();
    
11.     });
    
12. 
    
13.     // 点击全部折叠按钮
    
14.     btnCollapseAll.on('click', function () {
    
15.         treeMenu.collapseAll();
    
16.     });
    
17. 
    
18. 
    
19.     function createToolbar() {
    
20. 
    
21.         // 由工具栏上按钮获得当前标签页中的iframe节点
    
22.         function getCurrentIframeNode(button) {
    
23.             // 注意：button.ownerCt 是工具栏，button.ownerCt.ownerCt 就是当前激活的标签页。
    
24.             return Ext.DomQuery.selectNode('iframe', button.ownerCt.ownerCt.el.dom);
    
25.         }
    
26. 
    
27. 
    
28.         var openNewWindowButton = new Ext.Button({
    
29.             text: '新标签页中打开',
    
30.             type: "button",
    
31.             cls: "x-btn-text-icon",
    
32.             icon: "./res.axd?icon=TabGo",
    
33.             listeners: {
    
34.                 click: function(button, e) {
    
35.                     window.open(getCurrentIframeNode(button).src, "_blank");
    
36.                     e.stopEvent();
    
37.                 }
    
38.             }
    
39.         });
    
40. 
    
41.         var refreshButton = new Ext.Button({
    
42.             text: '刷新',
    
43.             type: "button",
    
44.             cls: "x-btn-text-icon",
    
45.             icon: "./res.axd?icon=Reload",
    
46.             listeners: {
    
47.                 click: function(button, e) {
    
48.                     getCurrentIframeNode(button).contentWindow.location.reload(); //.replace(href);
    
49.                     e.stopEvent();
    
50.                 }
    
51.             }
    
52.         });
    
53. 
    
54.         return new Ext.Toolbar({
    
55.             items: [ '-', refreshButton, '-', openNewWindowButton]
    
56.         });
    
57.     }
    
58. 
    
59.     // 初始化主框架中的树和选项卡互动，以及地址栏的更新
    
60.     X.util.initTreeTabStrip(treeMenu, mainTabStrip, createToolbar);
    
61. 
    
62. 
    
63.     // 公开添加示例标签页的方法
    
64.     window.addExampleTab = function(id, url, text, icon) {
    
65.         X.util.addMainTab(mainTabStrip, id, url, text, icon);
    
66.     };
    
67. }
    

复制代码