Dojo单例模式之防止TabContainer实例化多次

前端之家收集整理的这篇文章主要介绍了Dojo单例模式之防止TabContainer实例化多次前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_0@  现在单例模式越来越成熟了,很多编程语言通过组件的一个属性就可以防止模块被实例化多次,然而处于朝阳期发展的Dojo来说,并没有对它的组件实现这一功能。所以,在某些情况下,我们必须要手动控制防止一个Widget被实例化多次。今天我们就以TabContainer为例讲解如何防止Tab被实例化多次。@H_301_3@ @H_301_0@@H_301_3@

问题:我们有如下一个Widget,当我们双击DataGrid中的列表时,来显示文档的详细信息,在“内容列表”右侧新创建一个Tab,显示文档的详细信息。如果我们不使用单例模式,每次双击都会新建一个Tab,很影响系统的界面展示。@H_301_3@


@H_301_3@

解决方案:
Dojo的界面展示Html
  1. <div data-dojo-type="dijit.layout.TabContainer" data-dojo-attach-point="tabContainer" data-dojo-props='region: "center"'>
  2. <div data-dojo-type="com.itccxx.core.dijit.searchlist.SearchList"
  3. data-dojo-props='showToolbar: true,showNavigation: false,showPagination: true,showAllAction: false,searchBarName: "bpmDocumentSearch"'
  4. data-dojo-attach-point="searchList" data-dojo-attach-event="onRowDblClick: onRowDblClick,onAction: _onAction"></div>
  5. </div>

Dojo单例模式解决方案:
定义全局变量openViewCach。
  1. var openViewCach = {};
  2.  
  3. onRowDblClick : function() {
  4. var item = this.getSearchList().searchList.getSelectedItem();
  5. console.dir(["item",item]);
  6. if(this.openViewCach[item.id[0]]){
  7. if(this.tabContainer.getIndexOfChild(this.openViewCach[item.id[0]]) != -1){
  8. this.tabContainer.selectChild(this.openViewCach[item.id[0]]);
  9. return ;
  10. }
  11. }
  12. //查看DM中的文档详细信息
  13. tab = ecmwdgt.getBean("documentDataWidget",{
  14. title : item.recordChineseTitle,closable : true
  15. });
  16. this.tabContainer.addChild(tab);
  17. this.tabContainer.selectChild(tab);
  18. var params = {
  19. id : item.id[0],bizCode : "DocumentManage"
  20. };
  21.  
  22.  
  23. tab.openDocument(params);
  24. this.openViewCach[item.id[0]] = tab;
  25. }

猜你在找的Dojo相关文章