Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-6634 in a recent build.
  1. #1
    Sencha User
    Join Date
    Feb 2011
    Posts
    174
    Vote Rating
    1
    netemp is on a distinguished road

      0  

    Default Using rownumberer and locking in grid creating issue

    Using rownumberer and locking in grid creating issue


    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.0.7
    Browser versions tested against:
    • IE8
    • IE9
    • FF6
    • CHROME15
    Description:
    • If in a grid, we use locked:true for columns and also use a column as xtype:rownumberer, then the count list falls towards right and does not appear as the first column. Its the locked columns which appear in the extreme left pushing the count list towards right. Below is a simple test case created using the online examples
    Test Case:

    Code:
        Ext.onReady(function() {
            Ext.QuickTips.init();
            
            // setup the state provider, all state information will be saved to a cookie
            Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));
    
            // sample static data for the store
            var myData = [
                ['3m Co',                               71.72, 0.02,  0.03,  '9/1 12:00am'],
                ['Alcoa Inc',                           29.01, 0.42,  1.47,  '9/1 12:00am'],
                ['Altria Group Inc',                    83.81, 0.28,  0.34,  '9/1 12:00am'],
                ['American Express Company',            52.55, 0.01,  0.02,  '9/1 12:00am'],
                ['American International Group, Inc.',  64.13, 0.31,  0.49,  '9/1 12:00am'],
                ['AT&T Inc.',                           31.61, -0.48, -1.54, '9/1 12:00am'],
                ['Boeing Co.',                          75.43, 0.53,  0.71,  '9/1 12:00am'],
                ['Caterpillar Inc.',                    67.27, 0.92,  1.39,  '9/1 12:00am'],
                ['Citigroup, Inc.',                     49.37, 0.02,  0.04,  '9/1 12:00am'],
                ['E.I. du Pont de Nemours and Company', 40.48, 0.51,  1.28,  '9/1 12:00am'],
                ['Exxon Mobil Corp',                    68.1,  -0.43, -0.64, '9/1 12:00am'],
                ['General Electric Company',            34.14, -0.08, -0.23, '9/1 12:00am'],
                ['General Motors Corporation',          30.27, 1.09,  3.74,  '9/1 12:00am'],
                ['Hewlett-Packard Co.',                 36.53, -0.03, -0.08, '9/1 12:00am'],
                ['Honeywell Intl Inc',                  38.77, 0.05,  0.13,  '9/1 12:00am'],
                ['Intel Corporation',                   19.88, 0.31,  1.58,  '9/1 12:00am'],
                ['International Business Machines',     81.41, 0.44,  0.54,  '9/1 12:00am'],
                ['Johnson & Johnson',                   64.72, 0.06,  0.09,  '9/1 12:00am'],
                ['JP Morgan & Chase & Co',              45.73, 0.07,  0.15,  '9/1 12:00am'],
                ['McDonald\'s Corporation',             36.76, 0.86,  2.40,  '9/1 12:00am'],
                ['Merck & Co., Inc.',                   40.96, 0.41,  1.01,  '9/1 12:00am'],
                ['Microsoft Corporation',               25.84, 0.14,  0.54,  '9/1 12:00am'],
                ['Pfizer Inc',                          27.96, 0.4,   1.45,  '9/1 12:00am'],
                ['The Coca-Cola Company',               45.07, 0.26,  0.58,  '9/1 12:00am'],
                ['The Home Depot, Inc.',                34.64, 0.35,  1.02,  '9/1 12:00am'],
                ['The Procter & Gamble Company',        61.91, 0.01,  0.02,  '9/1 12:00am'],
                ['United Technologies Corporation',     63.26, 0.55,  0.88,  '9/1 12:00am'],
                ['Verizon Communications',              35.57, 0.39,  1.11,  '9/1 12:00am'],
                ['Wal-Mart Stores, Inc.',               45.45, 0.73,  1.63,  '9/1 12:00am']
            ];
    
            /**
             * Custom function used for column renderer
             * @param {Object} val
             */
            function change(val) {
                if (val > 0) {
                    return '<span style="color:green;">' + val + '</span>';
                } else if (val < 0) {
                    return '<span style="color:red;">' + val + '</span>';
                }
                return val;
            }
    
            /**
             * Custom function used for column renderer
             * @param {Object} val
             */
            function pctChange(val) {
                if (val > 0) {
                    return '<span style="color:green;">' + val + '%</span>';
                } else if (val < 0) {
                    return '<span style="color:red;">' + val + '%</span>';
                }
                return val;
            }
    
            // create the data store
            var store = Ext.create('Ext.data.ArrayStore', {
                fields: [
                   {name: 'company'},
                   {name: 'price',      type: 'float'},
                   {name: 'change',     type: 'float'},
                   {name: 'pctChange',  type: 'float'},
                   {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
                ],
                data: myData
            });
    
            // create the Grid
            var grid = Ext.create('Ext.grid.Panel', {
                store: store,
                stateful: true,
                stateId: 'stateGrid',
                columns: [
                    {xtype: 'rownumberer'},
                    {
                        text     : 'Company',
                        flex     : 1,
                        sortable : false,
                        locked   : true,
                        dataIndex: 'company'
                    },
                    {
                        text     : 'Price',
                        width    : 75,
                        sortable : true,
                        renderer : 'usMoney',
                        locked   : true,
                        dataIndex: 'price'
                    },
                    {
                        text     : 'Change',
                        width    : 75,
                        sortable : true,
                        renderer : change,
                        dataIndex: 'change'
                    },
                    {
                        text     : '% Change',
                        width    : 75,
                        sortable : true,
                        renderer : pctChange,
                        dataIndex: 'pctChange'
                    },
                    {
                        text     : 'Last Updated',
                        width    : 85,
                        sortable : true,
                        renderer : Ext.util.Format.dateRenderer('m/d/Y'),
                        dataIndex: 'lastChange'
                    }
                ],
                height: 350,
                width: 600,
                title: 'Array Grid',
                renderTo: Ext.getBody(),
                viewConfig: {
                    stripeRows: true
                }
            });
        });
    Screenshot:
    • attached
    Attached Images

  2. #2
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,739
    Vote Rating
    104
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    You're not marking it 'locked', try adding:

    Code:
    locked   : true,

  3. #3
    Sencha User
    Join Date
    Oct 2011
    Posts
    13
    Vote Rating
    0
    ilawai is on a distinguished road

      0  

    Default


    Adding "locked : true", creates an empty column after the locked columns.
    Is it a bug?

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,502
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    I suppose, if the grid is lockable, then any rownumberer column should be fixed in the locked side.

    I'll create a bug report.

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi