burn
04-18-2007, 07:14 AM
Hello guys, just found the following while implementing paging and grids (Ext 1.0 release, present at least since beta 2 rev 3):
Bug 1
Case: When rendering multiple panels [nested, grid.. regardless of type], and if the gridPanel(s) are inside a nestedLayout, and don't get shown by the method "showPanel" at init time they have the following issue in IE7/IE6 (fine in FF2 and Opera 9.20):
Problem: The loading image (small gear) fails to switch to its animated status (simply vanishes) when data is being fetched via XHR.
Follows example layout that makes the bug surface:
layout = new Ext.BorderLayout(document.body, {
hideOnLayout: true,
west: {
split:true,
initialSize: 200,
minSize: 175,
maxSize: 400,
titlebar: true,
collapsible: true,
collapsed: true,
animate: true
},
center: {
autoScroll:true,
tabPosition:'top',
closeOnTab: true,
titlebar: false
}
});
gridLayout = new Ext.BorderLayout('grid-container', {
hideOnLayout: true,
center: {
autoScroll:true,
closeOnTab: true,
titlebar: false,
preservePanels: false
}
});
layout.beginUpdate();
gridLayout.add('center', new Ext.GridPanel(grid, {title: 'Data Grid', closable: false}));
gridLayout.add('center', new Ext.ContentPanel('sub-test-panel', {title: 'Sub Test Panel', closable: false}));
layout.add('west', new Ext.ContentPanel('test-west', {title: 'Test west'}));
layout.add('center', new Ext.NestedLayoutPanel(gridLayout, {title: 'Grid', closable: false}));
layout.add('center', new Ext.ContentPanel('test-panel', {title: 'Test Panel', closable: false}));
layout.getRegion('center').showPanel('grid-container'); //This is the grid panel
//This is a tab in the region that contains the nested gridPanel, if shown initially doesn't trigger the bug
//layout.getRegion('center').showPanel('test-panel');
//This is the grid panel (focused by init)
propsGridLayout.getRegion('center').showPanel('mai n-grid');
//This is a tab in the same region of the grid panel (focused by init)
//Once loaded the page, going to the grid panel's tab should show the bug
propsGridLayout.getRegion('center').showPanel('sub-test-panel');
layout.endUpdate();
Bug 2
Case: Upon initialization of a grid with paging and remote sorting with the following data store config:
ds.setDefaultSort('id', 'DESC');
Problem: the defaultSort column's header (in my case "ID") needs to be clicked twice in order to toggle sorting, it probably doesn't inherit the initial sorting value from the data store, assuming initial "ASC" sorting any case.
Bug 1
Case: When rendering multiple panels [nested, grid.. regardless of type], and if the gridPanel(s) are inside a nestedLayout, and don't get shown by the method "showPanel" at init time they have the following issue in IE7/IE6 (fine in FF2 and Opera 9.20):
Problem: The loading image (small gear) fails to switch to its animated status (simply vanishes) when data is being fetched via XHR.
Follows example layout that makes the bug surface:
layout = new Ext.BorderLayout(document.body, {
hideOnLayout: true,
west: {
split:true,
initialSize: 200,
minSize: 175,
maxSize: 400,
titlebar: true,
collapsible: true,
collapsed: true,
animate: true
},
center: {
autoScroll:true,
tabPosition:'top',
closeOnTab: true,
titlebar: false
}
});
gridLayout = new Ext.BorderLayout('grid-container', {
hideOnLayout: true,
center: {
autoScroll:true,
closeOnTab: true,
titlebar: false,
preservePanels: false
}
});
layout.beginUpdate();
gridLayout.add('center', new Ext.GridPanel(grid, {title: 'Data Grid', closable: false}));
gridLayout.add('center', new Ext.ContentPanel('sub-test-panel', {title: 'Sub Test Panel', closable: false}));
layout.add('west', new Ext.ContentPanel('test-west', {title: 'Test west'}));
layout.add('center', new Ext.NestedLayoutPanel(gridLayout, {title: 'Grid', closable: false}));
layout.add('center', new Ext.ContentPanel('test-panel', {title: 'Test Panel', closable: false}));
layout.getRegion('center').showPanel('grid-container'); //This is the grid panel
//This is a tab in the region that contains the nested gridPanel, if shown initially doesn't trigger the bug
//layout.getRegion('center').showPanel('test-panel');
//This is the grid panel (focused by init)
propsGridLayout.getRegion('center').showPanel('mai n-grid');
//This is a tab in the same region of the grid panel (focused by init)
//Once loaded the page, going to the grid panel's tab should show the bug
propsGridLayout.getRegion('center').showPanel('sub-test-panel');
layout.endUpdate();
Bug 2
Case: Upon initialization of a grid with paging and remote sorting with the following data store config:
ds.setDefaultSort('id', 'DESC');
Problem: the defaultSort column's header (in my case "ID") needs to be clicked twice in order to toggle sorting, it probably doesn't inherit the initial sorting value from the data store, assuming initial "ASC" sorting any case.