PDA

View Full Version : [OPEN] 4.1 Beta 3: Error show grid when hideGroupedHeader=true, +bugs



user ext
23 Feb 2012, 12:59 PM
REQUIRED INFORMATION Ext version tested:

Ext-4.1.0-beta-3

Browser versions tested against:

FF 10.0.2 (firebug 1.9.1 installed)

DOCTYPE tested against:

____

Description:

Error if grid 'grouping' feature=on and hideGroupedHeader=true (In Ext-4.1.0-beta-2 all ok, no errors).

Also, when click collapse button on window (Ext.window.Window), inner content collapsed, a shadow not hided.
Also, in grouping view and column 'Name' has flex = 1, drag this header and drop in place of Date header results break vertical column lines in grid (header width and column width not equal).
Also, when grid is grouping and do disable grouping in column header menu (uncheck 'Show in Groups' checkbox), next drag header 'Name' and drop in place of 'Date' header, results set enable grouping (checkbox is on) in menu column header.

Steps to reproduce the problem:

see code below.


Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath({ 'Ext': 'extjs', 'Ext.ux': 'ux' });
Ext.require([
'Ext.grid.*',
'Ext.data.*'
]);

Ext.onReady(function ()
{
Ext.create('Ext.data.Store',
{
storeId: 'MyStore',
fields:
[
{ name: 'id', type: 'int' },
{ name: 'name', type: 'string' },
{ name: 'date', type: 'date' }
],
data:
[
{ 'id': 1, 'name': 'Name 1', 'date': '2010/01/22' },
{ 'id': 2, 'name': 'Name 2', 'date': '2010/01/23' },
{ 'id': 3, 'name': 'Name 3', 'date': '2010/01/24' },
{ 'id': 4, 'name': 'Name 4', 'date': '2010/01/25' }
]
});

Ext.define('MyGridWindow',
{
extend: 'Ext.window.Window', id: 'mygridwindow',
title: 'My grid Window',
width: 500, height: 220, x: 50, y: 108,
maximizable: true, closeAction: 'hide', layout: 'fit', collapsible: true, animCollapse: false,
shadow: true,
items:
{
xtype: 'grid', border: false, columnLines: true,
store: Ext.getStore('MyStore'),
columns:
[
{ text: 'No', xtype: 'rownumberer' },
{ text: 'id', dataIndex: 'id', width: 70, editor: 'numberfield' },
{ text: 'Name', dataIndex: 'name', flex: 1, editor: 'textfield' },
{ text: 'Date', dataIndex: 'date', width: 120, xtype: 'datecolumn', editor: 'datefield' }
],
plugins: [{ ptype: 'rowediting', clicksToEdit: 2}],
features: [{ ftype: 'grouping', groupHeaderTpl: '{name} [{rows.length}]', startCollapsed: true, hideGroupedHeader: true}]
}
});

Ext.getStore('MyStore').group('name', 'ASC');
Ext.create('MyGridWindow');
Ext.getCmp('mygridwindow').show();

}); HELPFUL INFORMATION Screenshot or Video:



Debugging already done:

For first bug, error in forceReflow function (el=undefined).

Operating System:

Win7

mitchellsimoens
23 Feb 2012, 1:11 PM
Thanks for the report.

user ext
24 Feb 2012, 1:06 PM
A temporary solution.

before


forceReflow: Ext.isGecko10
? function() {
var el = this.el.down('table'),
....

after


forceReflow: Ext.isGecko10
? function() {
var el = this.el.down('table'), width; if(!el)return;
....

Nom4d3
13 Mar 2012, 10:34 AM
I can confirm this issue. The user ext's solution is working nicely here.

thanks!