tree的链接无法在TabStrip列出 - FineUI 官方论坛

<form id="form1" runat="server">
<ext:PageManager ID="PageManager1" runat="server" AutoSizePanelID="RegionPanel1" HideScrollbars="true" />
<ext:RegionPanel ID="RegionPanel1" runat="server" ShowBorder="false">
<Regions>
<ext:Region Margins="0 0 0 0" Height="62px" ShowBorder="false" ShowHeader="false"
Position="Top" Layout="Fit" runat="server">
<Toolbars>
<ext:Toolbar ID="Toolbar1" runat="server" Position="Bottom">
<Items>
<ext:Button ID="btnExpandAll" IconUrl="~/images/expand-all.gif" Text="展开全部" EnablePostBack="false"
runat="server" >
</ext:Button>
<ext:Button ID="btnCollapseAll" IconUrl="~/images/collapse-all.gif" Text="折叠全部" EnablePostBack="false"
runat="server" >
</ext:Button>
</Items>
</ext:Toolbar>
</Toolbars>
<Items>
<ext:ContentPanel ShowBorder="false" ShowHeader="false" BodyStyle="background-color:#1C3E7E;"
ID="ContentPanel1" runat="server">
<div class="header">
<a href="./index.aspx" style="color:#fff;font-weight: bold; font-size: 25px;">管理系统</a>
</div>
</ext:ContentPanel>
</Items>
</ext:Region>
<ext:Region ID="Region2" Split="true" EnableSplitTip="true" CollapseMode="Mini" Width="200px"
Margins="0 0 0 0" ShowHeader="true" Title="会员管理" EnableLargeHeader="false" Icon="Outline"
EnableCollapse="true" Layout="Fit" Position="Left" runat="server">
<Items>
<ext:Tree runat="server" EnableArrows="true" ShowBorder="false" ShowHeader="false"
EnableIcons="false" AutoScroll="true" ID="treeMenu">
<Nodes>
<ext:TreeNode Text="角色管理" NavigateUrl="index.aspx">
</ext:TreeNode>
</Nodes>
</ext:Tree>
</Items>
</ext:Region>
<ext:Region runat="server" Position="Center" ShowHeader="false" Margins="0 0 0 0" Title="Center Region">
<Items>
<ext:TabStrip ID="TabStrip1" runat="server" 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>
<ext:Region ID="Region1" runat="server" Position="Bottom" ShowHeader="true" Split="true"
Title="Bottom" Width="200px" Layout="Fit">
<Items>
</Items>
</ext:Region>
</Regions>
</ext:RegionPanel>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/menu.xml"></asp:XmlDataSource>
</form>

复制代码

function onReady() {
var btnExpandAll = Ext.getCmp(IDS.btnExpandAll);
var btnCollapseAll = Ext.getCmp(IDS.btnCollapseAll);
var treeMenu = Ext.getCmp(IDS.treeMenu);
var mainTabStrip = Ext.getCmp(IDS.mainTabStrip);
// 点击全部展开按钮
btnExpandAll.on('click', function () {
treeMenu.expandAll();
});
// 点击全部折叠按钮
btnCollapseAll.on('click', function () {
treeMenu.collapseAll();
});
function createToolbar() {
// 由工具栏上按钮获得当前标签页中的iframe节点
function getCurrentIframeNode(button) {
// 注意：button.ownerCt 是工具栏，button.ownerCt.ownerCt 就是当前激活的标签页。
return Ext.DomQuery.selectNode('iframe', button.ownerCt.ownerCt.el.dom);
}
var openNewWindowButton = new Ext.Button({
text: '新标签页中打开',
type: "button",
cls: "x-btn-text-icon",
icon: "./res.axd?icon=TabGo",
listeners: {
click: function(button, e) {
window.open(getCurrentIframeNode(button).src, "_blank");
e.stopEvent();
}
}
});
var refreshButton = new Ext.Button({
text: '刷新',
type: "button",
cls: "x-btn-text-icon",
icon: "./res.axd?icon=Reload",
listeners: {
click: function(button, e) {
getCurrentIframeNode(button).contentWindow.location.reload(); //.replace(href);
e.stopEvent();
}
}
});
return new Ext.Toolbar({
items: [ '-', refreshButton, '-', openNewWindowButton]
});
}
// 初始化主框架中的树和选项卡互动，以及地址栏的更新
X.util.initTreeTabStrip(treeMenu, mainTabStrip, createToolbar);
// 公开添加示例标签页的方法
window.addExampleTab = function(id, url, text, icon) {
X.util.addMainTab(mainTabStrip, id, url, text, icon);
};
}

复制代码