通过链接添加新的tab页

最新推荐文章于 2024-03-25 10:31:07 发布

转载最新推荐文章于 2024-03-25 10:31:07 发布 · 1.3k 阅读

收录于

当前文章被收录于：

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个使用 ExtJS 框架中 Tab Panel 组件动态添加新 tab 的示例代码。通过 addTab 方法实现根据节点 ID 动态加载指定面板并设置为当前活动 tab，适用于需要动态管理页面内容的应用场景。

链接：

</pre><pre name="code" class="html"><a href="javascript:addTab('<s:property value="virtualMachine.id"/>');">
					<!--  img src="<%=path%>/pages/iecs/images/icon/magnifier.png"  style="vertical-align: middle"/ -->
					<span><s:text name="virtual.common.check" /></span>
				</a>

addTab方法：

var addTab = function (nodeId) {
	var tabPanel = Ext.getCmp("tabPanel");
	var node =  Ext.getCmp('resource_tree_0').getNodeById(nodeId);
	
    var probePanel = tabPanel.add(
			new VirtualMachineProbePanel(node)
		);
 	
	tabPanel.setActiveTab(probePanel); //设置当前显示tab页
}

标签

#addTab #JavaScript