extjs4 gridpanel里水平滚动在IE8上会遮住最后一条记录（Chrome不会出现这种情况，gridpanel.js文件如下）

0 0

extjs4 gridpanel里水平滚动在IE8上会遮住最后一条记录（Chrome不会出现这种情况，gridpanel.js文件如下）0

Ext.define('MyExt.widget.GridPanel',{
alias              : ['widget.gridPanel'],

extend        : 'Ext.grid.Panel',

alternateClassName : ['GridPanel'],

constructor        : function(config) {
Ext.apply(this,config);
//me = this;
this.init();
this.callParent();
},

id                 : 'gridPanel',

    title              : '列表',

    margin             : '20 20 20 20',

    autoHeight         : true,

    autoScroll : Boolean,

    frame              : true,

    collapsible        : true,

    columnLines        : true,

    loadMask           : true,

    iconCls            : 'icon-grid',

    isAdd              : true,

    isDelete           : true,

    pageSize           : UIConfig.GRID_PAGE_SIZE,

features           : [],

immediateLoad      : true,

addButtonText      : '新增',

delButtonText      : '删除',

    init               : function() {
    if (this.store == undefined) {
   this.initStore();
    }
    this.initFeatures();
this.initPageBar();
this.initDockedItems();
this.initSelModel();
},

initStore          : function() {
   this.store = Ext.create('Ext.data.Store',{
   id              : Ext.id(),
    pageSize        : this.page ? this.pageSize : 0,
    remoteSort      : false,
    autoLoad        : this.immediateLoad,
    fields          : this.fields,
    groupField      : this.groupField,
    proxy           : {
        type    : 'ajax',
        url     : this.url,
        headers : UIConfig.AJAX_HEADERS,
        reader : {
            root          : 'dataList',
            totalProperty : 'totalCount'
        }
    }
   });
},

initFeatures     : function() {
var me = this;
if (me.groupField != undefined) {
me.features.push(
Ext.create('Ext.grid.feature.Grouping',{
     groupHeaderTpl: ' {name} ({rows.length} 项)'
})
);
}
},

initPageBar     : function() {
if (this.page) {
this.bbar = {
xtype       : 'pageBar',
store       : this.store
};
}
},

initSelModel    : function() {
var me = this;
if (this.selModel == undefined) {
    this.selModel = Ext.create('Ext.selection.CheckboxModel',{
id        : Ext.id(),
    listeners : {
        selectionchange: function(sm, selections) {
        if (me.isDelete) {
        Ext.getCmp(me.id+'_delBt').setDisabled(selections.length == 0);
        }
        }
    }
})
}
},

initDockedItems : function() {
if (this.dockedItems == undefined) {
var addObj = {
id       : this.id+'_addBt',
text     : this.addButtonText,
tooltip : this.addButtonText,
iconCls : 'add'
};
var delObj = {
id       : this.id+'_delBt',
text     : this.delButtonText,
tooltip : this.delButtonText,
iconCls : 'delete',
disabled : true
};
var obj = {
xtype   : 'toolbar',
items   : []
};
if (this.isAdd || this.isDelete) {
if (this.isAdd) {
obj.items.push(addObj);
}
if (this.isDelete) {
if (obj.items.length > 0) {
obj.items.push('-');
}
obj.items.push(delObj);
}
this.dockedItems = [obj];
}else {
this.dockedItems = [];
}
}
},

getAddButton : function() {
return this.isAdd ? Ext.getCmp(this.id+'_addBt') : undefined;
},

getDelButton : function() {
return this.isDelete ? Ext.getCmp(this.id+'_delBt') : undefined;
}

});