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

最新推荐文章于 2020-07-30 06:52:43 发布

shehun1

最新推荐文章于 2020-07-30 06:52:43 发布

阅读量2.9k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Dojo 文章标签： dojo datagrid 文档 function 编程语言

本文链接：https://blog.youkuaiyun.com/shehun1/article/details/7851480

Dojo 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了在Dojo中，由于其组件未内置防止多次实例化的功能，因此需要手动实现单例模式以避免TabContainer在双击DataGrid列表时重复创建，从而保持界面整洁。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　现在单例模式越来越成熟了，很多编程语言通过组件的一个属性就可以防止模块被实例化多次，然而处于朝阳期发展的Dojo来说，并没有对它的组件实现这一功能。所以，在某些情况下，我们必须要手动控制防止一个Widget被实例化多次。今天我们就以TabContainer为例讲解如何防止Tab被实例化多次。

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

解决方案：

Dojo的界面展示Html

<div data-dojo-type="dijit.layout.TabContainer" data-dojo-attach-point="tabContainer" data-dojo-props='region: "center"'>
	<div data-dojo-type="com.itccxx.core.dijit.searchlist.SearchList" 
 data-dojo-props='showToolbar: true,showNavigation: false, showPagination: true, showAllAction: false, searchBarName: "bpmDocumentSearch"' 
 data-dojo-attach-point="searchList" data-dojo-attach-event="onRowDblClick: onRowDblClick,onAction: _onAction"></div>
</div>

Dojo单例模式解决方案：

定义全局变量openViewCach 。

var openViewCach = {};

onRowDblClick : function() {
   var item = this.getSearchList().searchList.getSelectedItem();
   console.dir(["item",item]);
   if(this.openViewCach[item.id[0]]){
       if(this.tabContainer.getIndexOfChild(this.openViewCach[item.id[0]]) != -1){
           this.tabContainer.selectChild(this.openViewCach[item.id[0]]);
           return ;
}
}
//查看DM中的文档详细信息
   tab = ecmwdgt.getBean("documentDataWidget", {
     title : item.recordChineseTitle,
     closable : true
});
   this.tabContainer.addChild(tab);
   this.tabContainer.selectChild(tab);
   var params = {
      id : item.id[0],
      bizCode : "DocumentManage"
};


   tab.openDocument(params);
   this.openViewCach[item.id[0]] = tab;
}