Ext.require([ 'erp.util.*' ]); Ext.define('erp.view.common.DeskTop.DeskTabPanel',{ extend: 'Ext.tab.Panel', alias: 'widget.erpDeskTabPanel',//多列表tabpanel id:'desktabpanel', region: 'center', activeTab: 0, border: false, animScroll:true, //使用动画滚动效果 layoutOnTabChange : true, //随着布局变化 resizeTabs:true, // turn on tab resizing enableTabScroll : true, //tab标签超宽时自动出现滚动效果 plain: true, BaseUtil: Ext.create('erp.util.BaseUtil'), initComponent : function(){ this.callParent(arguments); }, listeners: { 'add': function(t, p) { p.on('activate', function(){ var grid = t.activeTab; caller=grid.caller; if(grid.firstPage){ grid.firstPage=false; page=1; } else { page=grid.down('erpDatalistToolbar').child('#inputItem').getValue(); } grid.lastSelected = grid.selModel.getSelection();//记录当前选中的record grid.getColumnsAndStore(); }); } }, onGridItemClick: function(selModel, record){//grid行选择 var me = this; var keyField= this.activeTab.keyField; var pfField= this.activeTab.pfField; if(keyField != null && keyField != ''){//有些datalist不需要打开明细表,这些表在datalist表里面不用配dl_keyField var value = record.data[keyField]; var formCondition = keyField + "IS" + value ; var gridCondition = pfField + "IS" + value; var panel = Ext.getCmp(caller + keyField + "=" + value); var main = parent.Ext.getCmp("content-panel"); if(!panel){ var title = ""; if (value.toString().length>4) { title = value.toString().substring(value.toString().length-4); } else { title = value; } var myurl = ''; var url=basePath+this.activeTab.url; if(me.BaseUtil.contains(url, '?', true)){ myurl = url + '&formCondition='+formCondition+'&gridCondition='+gridCondition; } else { myurl = url + '?formCondition='+formCondition+'&gridCondition='+gridCondition; } myurl += "&datalistId=" + main.getActiveTab().id; main.getActiveTab().currentStore = me.getCurrentStore(value);//用于单据翻页 panel = { title : me.BaseUtil.getActiveTab().title+'('+title+')', tag : 'iframe', tabConfig:{tooltip:me.BaseUtil.getActiveTab().tabConfig.tooltip+'('+keyField + "=" + value+')'}, frame : true, border : false, layout : 'fit', iconCls : 'x-tree-icon-tab-tab1', html : '', closable : true, listeners : { close : function(){ main.setActiveTab(main.getActiveTab().id); } } }; this.openTab(panel, caller + keyField + "=" + record.data[keyField]); }else{ main.setActiveTab(panel); } } }, openTab : function (panel,id){ var o = (typeof panel == "string" ? panel : id || panel.id); var main = parent.Ext.getCmp("content-panel"); if(!main) { main =parent.parent.Ext.getCmp("content-panel"); } var tab = main.getComponent(o); if (tab) { main.setActiveTab(tab); } else if(typeof panel!="string"){ panel.id = o; var p = main.add(panel); main.setActiveTab(p); } }, getCurrentStore: function(value){ var grid = this.activeTab; var keyField=grid.keyField; var items = grid.store.data.items; var array = new Array(); var o = null; Ext.each(items, function(item, index){ o = new Object(); o.selected = false; if(index == 0){ o.prev = null; } else { o.prev = items[index-1].data[keyField]; } if(index == items.length - 1){ o.next = null; } else { o.next = items[index+1].data[keyField]; } var v = item.data[keyField]; o.value = v; if(v == value) o.selected = true; array.push(o); }); return array; } });