Dojo动态创建TabContainer
发布时间：2020-12-16 21:45:14 所属栏目：百科 来源：网络整理
导读：也许，这个标题起的不是很合适，因为我们这里讲述的不是创建TabContainer，再创建ContentPane，而我们重点讲述的是动态创建TabContainer下面的ContentPane。为了项目需要，我们需要在TabContainer下面动态添加ContentPane。也就是在TabContainer后面动态的添
|
也许，这个标题起的不是很合适，因为我们这里讲述的不是创建TabContainer，再创建ContentPane，而我们重点讲述的是动态创建TabContainer下面的ContentPane。为了项目需要，我们需要在TabContainer下面动态添加ContentPane。也就是在TabContainer后面动态的添加Tab，以下是效果图，你懂的。
我们要在TabContainer下面创建ContentPane，首先当然需要一个已经存在的TabContainer。以下是HTML源码：
<div data-dojo-type="dijit.layout.TabContainer" data-dojo-attach-point="tabContainer">
<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title: "搜索条件"'> <div class="searchConditionArea"> <label>ITCCXX FOR DEMO</label> </div> </div> </div>
我们在tabContainer下面动态的创建Tab，如下代码：
createAdvancedSearchTab :
function
(event){
var
tab = ecmwdgt.getBean(
"advancedSearchContentDijit"
,{
title: event.payload.item.label,
closable:
true
});
this
.tabContainer.addChild(tab);
this
.tabContainer.selectChild(tab);
tab.loadSearchCondition();
}
也许读者不太理解
ecmwdgt.getBean(
"advancedSearchContentDijit")的作用。这里是在创建Tab时，在Tab的Content中加载
advancedSearchContentDijit
页面，而后面的
tab.loadSearchCondition()也是加载的
advancedSearchContentDijit
页的一个方法。
由于
advancedSearchContentDijit
中的内容与动态创建
TabContainer
并不直接的关系，因此这里就不再介绍
advancedSearchContentDijit
中的内容，关于动态创建TabContainer的内容就结束了。
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |