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

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


    Ext version tested:
    • Ext 4.2.1
    Browser versions tested against:
    • IE9
    • FF 21
    • Chrome 27
    • 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:

        var json = [{ name: 'Bicycle',
                color: 'red',
            }, {
                name: 'Table',
                color: 'blue',
            }, {
                name: 'Pen',
                color: 'yellow',
            }, {
                name: 'Shoe',
                color: 'green',
    Ext.define('MyApp.model.Article', {
        extend: '',
        fields: ['name', 'color'],
    var store = Ext.create('', {
        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',

    Screenshot or Video:
    See this URL for live test case:

    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
    Boise, ID


    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