Dojo
发布时间:2022-04-21 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Dojo动态创建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的内容就结束了。
大佬总结
以上是大佬教程为你收集整理的Dojo动态创建TabContainer全部内容,希望文章能够帮你解决Dojo动态创建TabContainer所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。