Hello!
Try following overriding:
Ext.override(Ext.grid.GridView, {
afterRenderUI: function () {
var grid = this.grid;
this.initElements();
Ext.fly(this.innerHd).on('click', this.handleHdDown, this);
this.mainHd.on({
scope: this,
mouseover: this.handleHdOver,
mouseout: this.handleHdOut,
mousemove: this.handleHdMove
});
this.scroller.on('scroll', this.syncScroll, this);
if (grid.enableColumnResize !== false) {
this.splitZone = new Ext.grid.GridView.SplitDragZone(grid, this.mainHd.dom);
}
if (grid.enableColumnMove) {
this.columnDrag = new Ext.grid.GridView.ColumnDragZone(grid, this.innerHd);
this.columnDrop = new Ext.grid.HeaderDropZone(grid, this.mainHd.dom);
}
if (grid.enableHdMenu !== false) {
this.hmenu = new Ext.menu.Menu({ id: grid.id + '-hctx' });
this.hmenu.add(
{ itemId: 'asc', text: this.sortAscText, cls: 'xg-hmenu-sort-asc' },
{ itemId: 'desc', text: this.sortDescText, cls: 'xg-hmenu-sort-desc' }
);
if (grid.enableColumnHide !== false) {
// Put here required height
this.colMenu = new Ext.menu.Menu({ id: grid.id + '-hcols-menu', maxHeight: 250, enableScrolling: true });
this.colMenu.on({
scope: this,
beforeshow: this.beforeColMenuShow,
itemclick: this.handleHdMenuClick
});
this.hmenu.add('-', {
itemId: 'columns',
hideOnClick: false,
text: this.columnsText,
menu: this.colMenu,
iconCls: 'x-cols-icon'
});
}
this.hmenu.on('itemclick', this.handleHdMenuClick, this);
}
if (grid.trackMouseOver) {
this.mainBody.on({
scope: this,
mouseover: this.onRowOver,
mouseout: this.onRowOut
});
}
if (grid.enableDragDrop || grid.enableDrag) {
this.dragZone = new Ext.grid.GridDragZone(grid, {
ddGroup: grid.ddGroup || 'GridDD'
});
}
this.updateHeaderSortState();
}
});