You found a bug! We've classified it as EXTJS-5436 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    38
    Vote Rating
    0
    user ext is on a distinguished road

      0  

    Default 4.1 Beta 3: Error show grid when hideGroupedHeader=true, +bugs

    4.1 Beta 3: Error show grid when hideGroupedHeader=true, +bugs


    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.
    Code:
     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

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Thanks for the report.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    38
    Vote Rating
    0
    user ext is on a distinguished road

      0  

    Default


    A temporary solution.

    before

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

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

  4. #4
    Sencha User Nom4d3's Avatar
    Join Date
    Sep 2008
    Location
    Araras / SP / Brazil
    Posts
    81
    Vote Rating
    1
    Nom4d3 is on a distinguished road

      0  

    Default


    I can confirm this issue. The user ext's solution is working nicely here.

    thanks!

Thread Participants: 2