Results 1 to 2 of 2

Thread: Wrong column in beforeedit event of a row-editable grid 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
    Vote Rating

    Default Wrong column in beforeedit event of a row-editable grid with a locked action column


    Ext version tested:
    • Ext 4.2.1
    Browser versions tested against:
    • IE9
    • FF 21
    • Chrome 27
    • Wrong context.column is sent to "beforeedit" event of a row-editable grid panel with a locked action columns and row editor form focuses on a wrong field.
    Steps to reproduce the problem:
    • Create a grid panel with row-editing plugin and a locked action column and a listener for beforeedit event. Then click on a row to start editing.
    The result that was expected:
    • the correct field be focused and correct context.column be sent to beforeedit event.
    The result that occurs instead:
    • the correct field is not focused and wrong context.column is sent to beforeedit event.
    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,
    var title = 'Wrong context.column sent to beforeedit event of <BR />row-editable grid with a locked action columns! <BR />Click to edit a row to see the problem.<BR />'
    var grid = Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        height: 300,
        width: 450,
        title: title,
        store: store,
        plugins: [rowEditing],
        columns: [{
            xtype: 'actioncolumn',
            width: 120,
            text: 'Action',
            locked: true,
            items: [{
                icon: 'extjs/examples/shared/icons/fam/cog_edit.png',
                text: 'Inline edit'
        }, {
            width: 200,
            dataIndex: 'name',
            text: 'Name',
            editor: { xtype: 'textfield' }
        }, {
            xtype: 'gridcolumn',
            width: 80,
            dataIndex: 'color',
            text: 'Color',
            editor: {
                xtype: 'textfield',
    grid.on('beforeedit', function (editor, context, eOpts) {
        grid.setTitle(title + 'You clicked on ' + context.column.text + ' column to edit');
        return true;

    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
    Last edited by abeyer; 30 Jun 2013 at 11:40 PM. Reason: typo

  2. #2
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Boise, ID
    Vote Rating


    Thanks for the bug report!
    I tested in 4.2.1 and see the issue, but it looks like this has been fixed for the next version.

Posting Permissions

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