Results 1 to 2 of 2

Thread: grid panel Row-editing plugin does not work with a locked action column

    Success! Looks like we've fixed this one. According to our records the fix was applied for a bug in our system in a recent build.
  1. #1
    Sencha Premium Member abeyer's Avatar
    Join Date
    Jan 2012
    Location
    Germany
    Posts
    47

    Default grid panel Row-editing plugin does not work with a locked action column

    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.2.1
    Browser versions tested against:
    • IE9
    • FF 21
    • Chrome 27
    Description:
    • grid panel Row-editing does not show up with a locked action column. (It works fine however with action columns which are not locked.)
    Steps to reproduce the problem:
    • Click on a row inside a row-editable grid panel with locked action column and row editing form does not show up.
    The result that was expected:
    • the row-editing plugin work.
    The result that occurs instead:
    • editor form does not show up.
    Test Case:

    Code:
        var json = [{ name: 'Bicycle',
                color: 'red',
            }, {
                name: 'Table',
                color: 'blue',
            }, {
                name: 'Pen',
                color: 'yellow',
            }, {
                name: 'Shoe',
                color: 'green',
            }];
    
    Ext.define('MyApp.model.Article', {
        extend: 'Ext.data.Model',
        fields: ['name', 'color'],
    });
    
    var store = Ext.create('Ext.data.Store', {
        requires: ['MyApp.model.Article'],
        autoLoad: true,
        model: 'MyApp.model.Article',
        proxy: {
            type: 'memory',
            data: json,
            reader: { type: 'json' }
        }
    });
    
    var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
        clicksToEdit: 1,
        autoCancel: false,
        clicksToMoveEditor: 1,
    });
    
    Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        height: 300,
        width: 450,
        title: 'Row editable grid does not work with the locked action columns!<BR /> ',
        store: store,
        plugins: [rowEditing],
        columns: [{
            xtype: 'actioncolumn',
            width: 120,
            text: 'Action Column',
            locked: true,
            items: [{
                    icon: 'extjs/examples/shared/icons/fam/cog_edit.png',  // Use a URL in the icon config
                    tooltip: 'Edit',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = grid.getStore().getAt(rowIndex);
                        alert("Edit " + rec.get('color'));
                    }
                }]
        }, {
            width: 200,
            dataIndex: 'name',
            text: 'Name',
            editor: { xtype: 'textfield' }
        }, {
            xtype: 'gridcolumn',
            width: 276,
            dataIndex: 'color',
            text: 'Color',
            editor: {
                xtype: 'textfield',
            }
        }]
    });
    HELPFUL INFORMATION


    Screenshot or Video:
    See this URL for live test case: http://jsfiddle.net/5pKaN/


    Debugging already done:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    Operating System:
    • Win 7

  2. #2
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165

    Default

    I see the issue in 4.2.0, but it looks like it was fixed in 4.2.1.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •