|
|
@@ -38,6 +38,7 @@ Ext.define('saas.view.core.query.QueryGridPanel', {
|
|
|
initComponent: function () {
|
|
|
var me = this;
|
|
|
Ext.apply(me, {
|
|
|
+ columns: me.initColumns(),
|
|
|
store: Ext.create('Ext.data.Store', {
|
|
|
fields: me.getFields(),
|
|
|
autoLoad: true,
|
|
|
@@ -96,9 +97,9 @@ Ext.define('saas.view.core.query.QueryGridPanel', {
|
|
|
mode = queryPanel.getQueryMode();
|
|
|
|
|
|
if(mode=="MAIN"){
|
|
|
- me.reconfigure(store, me.baseColumn);
|
|
|
+ me.reconfigure(store, me.initColumns(me.baseColumn));
|
|
|
}else{
|
|
|
- me.reconfigure(store, me.relativeColumn);
|
|
|
+ me.reconfigure(store, me.initColumns(me.relativeColumn));
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -214,23 +215,10 @@ Ext.define('saas.view.core.query.QueryGridPanel', {
|
|
|
listeners: {
|
|
|
boxready: function(grid, width, height, eOpts) {
|
|
|
var store = grid.getStore(),
|
|
|
- dockedItems = grid.getDockedItems(),
|
|
|
- toolbar = dockedItems[0],
|
|
|
- header = dockedItems[1],
|
|
|
- pagingtoolbar = dockedItems[2];
|
|
|
+ gridBodyBox = grid.body.dom.getBoundingClientRect(),
|
|
|
+ gridBodyBoxHeight = gridBodyBox.height;
|
|
|
|
|
|
- var gridEl = grid.el.dom,
|
|
|
- gridHeight = gridEl.getBoundingClientRect().height,
|
|
|
- toolbarEl = toolbar.el.dom,
|
|
|
- toolbarHeight = toolbarEl.getBoundingClientRect().height,
|
|
|
- headerEl = header.el.dom,
|
|
|
- headerHeight = headerEl.getBoundingClientRect().height,
|
|
|
- pagingtoolbarEl = pagingtoolbar.el.dom,
|
|
|
- pagingtoolbarHeight = pagingtoolbarEl.getBoundingClientRect().height;
|
|
|
-
|
|
|
- var gridBodyHeight = gridHeight - toolbarHeight - headerHeight - pagingtoolbarHeight;
|
|
|
-
|
|
|
- var pageSize = Math.floor(gridBodyHeight / 32);
|
|
|
+ var pageSize = Math.floor(gridBodyBoxHeight / 32);
|
|
|
|
|
|
store.setPageSize(pageSize);
|
|
|
},
|
|
|
@@ -246,6 +234,20 @@ Ext.define('saas.view.core.query.QueryGridPanel', {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
+ initColumns: function(columns) {
|
|
|
+ var me = this,
|
|
|
+ columns = columns || me.columns;
|
|
|
+
|
|
|
+ Ext.Array.each(columns, function(c) {
|
|
|
+ if(c.dataIndex == me.codeField) {
|
|
|
+ Ext.applyIf(c, {
|
|
|
+ tdCls: 'x-querygrid-code-column'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return columns;
|
|
|
+ },
|
|
|
getFields: function() {
|
|
|
var me = this;
|
|
|
return me.columns.filter(function(c) {
|