Ext.define('erp.view.common.batchPrint.GridPanel',{
extend: 'Ext.grid.Panel',
alias: 'widget.erpBatchPrintGridPanel',
requires: ['erp.view.core.plugin.CopyPasteMenu'],
id: 'batchPrintGridPanel',
emptyText : $I18N.common.grid.emptyText,
columnLines : true,
autoScroll : true,
multiselected: [],
store: [],
columns: [],
GridUtil: Ext.create('erp.util.GridUtil'),
BaseUtil: Ext.create('erp.util.BaseUtil'),
plugins: [Ext.create('erp.view.core.plugin.CopyPasteMenu'),Ext.create('erp.view.core.grid.HeaderFilter')],
selModel: Ext.create('Ext.selection.CheckboxModel',{
checkOnly : true,
ignoreRightMouseSelection : false,
listeners:{
selectionchange:function(selModel, selected, options){
selModel.view.ownerCt.summary();
selModel.view.ownerCt.selectall = false;
}
},
getEditor: function(){
return null;
},
onHeaderClick: function(headerCt, header, e) {
if (header.isCheckerHd) {
e.stopEvent();
var isChecked = header.el.hasCls(Ext.baseCSSPrefix + 'grid-hd-checker-on');
if (isChecked && this.getSelection().length > 0) {//先全选,再筛选后再全选时,无法响应的bug
this.deselectAll(true);
} else {
this.selectAll(true);
this.view.ownerCt.selectall = true;
}
}
}
}),
listeners: {
scrollershow: function(scroller) {
if (scroller && scroller.scrollEl) {
scroller.clearManagedListeners();
scroller.mon(scroller.scrollEl, 'scroll', scroller.onElScroll, scroller);
}
}
},
initComponent : function(){
condition = this.BaseUtil.getUrlParam('urlcondition');
condition = (condition == null) ? "" : condition;
condition = condition.replace(/@/,"'%").replace(/@/,"%'");
this.defaultCondition = condition;
var gridParam = {caller: caller, condition: condition};
this.GridUtil.getGridColumnsAndStore(this, 'common/singleGridPanel.action', gridParam, "");
this.callParent(arguments);
this.initRecords();
},
headerCt: Ext.create("Ext.grid.header.Container",{
forceFit: false,
sortable: true,
enableColumnMove:true,
enableColumnResize:true,
enableColumnHide: true
}),
invalidateScrollerOnRefresh: false,
viewConfig: {
trackOver: false
},
buffered: true,
sync: true,
getMultiSelected: function(){
var grid = this;
grid.multiselected = [];
var items = grid.selModel.getSelection();
if(grid.selectall && items.length == grid.store.pageSize) {
items = grid.store.prefetchData.items;
}
Ext.each(items, function(item, index){
if(this.data[grid.keyField] != null && this.data[grid.keyField] != ''
&& this.data[grid.keyField] != '0' && this.data[grid.keyField] != 0){
grid.multiselected.push(item);
}
});
return grid.multiselected;
},
unique: function(items) {
var d = new Object();
Ext.Array.each(items, function(item){
d[item.id] = item;
});
return Ext.Object.getValues(d);
},
getGridColumnsAndStore: function(grid, url, param, no){
var me = this;
me.setLoading(true);//loading...
Ext.Ajax.request({//拿到grid的columns
url : basePath + url,
params: param,
method : 'post',
async: false,
callback : function(options,success,response){
me.setLoading(false);
var res = new Ext.decode(response.responseText);
if(res.exceptionInfo){
showError(res.exceptionInfo);return;
}
if(me.columns && me.columns.length > 2){
var data = res.data != null ? Ext.decode(res.data.replace(/,}/g, '}').replace(/,]/g, ']')) : [];
me.store.loadData(data);
//解决固定列左右不对齐的情况
var lockedView = me.view.lockedView;
if(lockedView){
var tableEl = lockedView.el.child('.x-grid-table');
if(tableEl){
tableEl.dom.style.marginBottom = '7px';
}
}
me.initRecords();
} else {
if(res.columns){
Ext.each(res.columns, function(column, y){
me.setRenderer(column);
var logic = column.logic;
if(logic != null){
me.setLogicType(column, logic, y);
}
});
//store
me.store = me.setDefaultStore(res.data, res.fields);
//view
if(me.selModel.views == null){
me.selModel.views = [];
}
if(res.dbfinds.length > 0){
me.dbfinds = res.dbfinds;
}
//toolbar
me.setToolbar(res.columns);
//reconfigure store&columns
me.columns = res.columns;
}
}
}
});
},
setRenderer: function(column){
var grid = this;
if(!column.haveRendered && column.renderer != null && column.renderer != ""){
var renderName = column.renderer;
if(contains(column.renderer, ':', true)){
var args = new Array();
Ext.each(column.renderer.split(':'), function(a, index){
if(index == 0){
renderName = a;
} else {
args.push(a);
}
});
if(!grid.RenderUtil.args[renderName]){
grid.RenderUtil.args[renderName] = new Object();
}
grid.RenderUtil.args[renderName][column.dataIndex] = args;
}
column.renderer = grid.RenderUtil[renderName];
column.haveRendered = true;
}
},
setLogicType: function(column, logic, y){
var grid = this;
if(logic == 'detno'){
grid.detno = column.dataIndex;
} else if(logic == 'keyField'){
grid.keyField = column.dataIndex;
} else if(logic == 'mainField'){
grid.mainField = column.dataIndex;
} else if(logic == 'necessaryField'){
grid.necessaryField = column.dataIndex;
if(!grid.necessaryFields){
grid.necessaryFields = new Array();
}
grid.necessaryFields.push(column.dataIndex);
if(!column.haveRendered){
column.renderer = function(val, meta, record, x, y, store, view){
var c = this.columns[y];
if(val != null && val.toString().trim() != ''){
if(c.xtype == 'datecolumn'){
val = Ext.Date.format(val, 'Y-m-d');
}
return val;
} else {
if(c.xtype == 'datecolumn'){
val = '';
}
return '
' +
'' + val + '';
}
};
}
} else if(logic == 'groupField'){
grid.groupField = column.dataIndex;
}
},
setToolbar: function(columns){
var grid = this;
var items = [];
Ext.each(columns, function(column){
if(column.summaryType == 'sum'){
items.push('-',{
id: column.dataIndex + '_sum',
itemId: column.dataIndex,
xtype: 'tbtext',
text: column.header + '(sum):0'
});
} else if(column.summaryType == 'average') {
items.push('-',{
id: column.dataIndex + '_average',
itemId: column.dataIndex,
xtype: 'tbtext',
text: column.header + '(average):0'
});
} else if(column.summaryType == 'count') {
items.push('-',{
id: column.dataIndex + '_count',
itemId: column.dataIndex,
xtype: 'tbtext',
text: column.header + '(count):0'
});
}
});
grid.bbar = {
xtype: 'toolbar',
dock: 'bottom',
items: items
};
},
setDefaultStore: function(d, f){
var me = this;
var data = [];
if(!d || d.length == 2){
me.GridUtil.add10EmptyData(me.detno, data);
me.GridUtil.add10EmptyData(me.detno, data);
} else {
data = Ext.decode(d.replace(/,}/g, '}').replace(/,]/g, ']'));
}
var store = Ext.create('Ext.data.Store', {
fields: f,
data: data,
groupField: me.groupField,
getSum: function(field) {
var records = me.selModel.getSelection(),
total = 0,
i = 0,
len = records.length;
for (; i < len; ++i) {
total += records[i].get(field);
}
return total;
},
getCount: function() {
var records = me.selModel.getSelection(),
count = 0;
Ext.each(records, function(item){
count++;
});
return count;
},
getAverage: function(field) {
var records = me.selModel.getSelection(),
count = 0,
sum = 0;
Ext.each(records, function(item){
if(item.data[me.necessaryField] != null && item.data[me.necessaryField] != ''){
count++;sum += item.data[field];
}
});
return Ext.Number.format(sum/count, '0.00');
}
});
return store;
},
initRecords: function(){
var records = this.store.data.items;
var count = 0;
Ext.each(records, function(record){
if(!record.index){
record.index = count++;
}
});
},
viewConfig: {
getRowClass: function(record) {
return record.get('ifrep') == -1 ? 'rep' : '';
}
},
getSum: function(items, column) {
var sum = 0;
Ext.Array.each(items, function(item){
sum += Number(item.get(column.dataIndex));
});
return sum;
},
/**
* 修改为selection改变时,summary也动态改变
*/
summary: function(){
var me = this,
items = me.selModel.getSelection(),
value;
Ext.each(me.columns, function(c){
if(c.summaryType == 'sum'){
value = me.getSum(items, c);
if(c.xtype == 'numbercolumn') {
value = Ext.util.Format.number(value, (c.format || '0,000.000'));
}
me.down('tbtext[id=' + c.dataIndex + '_sum]').setText(c.text + '(sum):' + value);
} else if(c.summaryType == 'count'){
value = items.length;
me.down('tbtext[id=' + c.dataIndex + '_count]').setText(c.text + '(count):' + value);
} else if(c.summaryType == 'average'){
value = me.getSum(items, c) / items.length;
if(c.xtype == 'numbercolumn') {
value = Ext.util.Format.number(value, (c.format || '0,000.000'));
}
me.down('tbtext[id=' + c.dataIndex + '_average]').setText(c.text + '(average):' + value);
}
});
}
});