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