Results 1 to 3 of 3

Thread: Editor grid does not work with Locked Columns

Hybrid View

Previous Post Previous Post   Next Post Next Post
    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha Premium Member
    Join Date
    May 2011
    Vote Rating

    Default Editor grid does not work with Locked Columns

    Take the editor grid example... Which actually doesnt work with the links for 4.2, but its under

    Make the first column a locked column...and have at it. Note that this WORKED as of the previous release.

    Here is the entire js file.

    Ext.Loader.setConfig({    enabled: true});Ext.Loader.setPath('Ext.ux', '../ux');Ext.require([    'Ext.selection.CellModel',    'Ext.grid.*',    '*',    'Ext.util.*',    'Ext.state.*',    'Ext.form.*',    'Ext.ux.CheckColumn']);Ext.onReady(function() {    Ext.QuickTips.init();     function formatDate(value){        return value ? Ext.Date.dateFormat(value, 'M d, Y') : '';    }    Ext.define('Plant', {        extend: '',        fields: [            // the 'name' below matches the tag name to read, except 'availDate'            // which is mapped to the tag 'availability'            {name: 'common', type: 'string'},            {name: 'botanical', type: 'string'},            {name: 'light'},            {name: 'price', type: 'float'},            // dates can be automatically converted by specifying dateFormat            {name: 'availDate', mapping: 'availability', type: 'date', dateFormat: 'm/d/Y'},            {name: 'indoor', type: 'bool'}        ]    });    // create the Data Store    var store = Ext.create('', {        // destroy the store if the grid is destroyed        autoDestroy: true,        model: 'Plant',        proxy: {            type: 'ajax',            // load remote data using HTTP            url: 'plants.xml',            // specify a XmlReader (coincides with the XML format of the returned data)            reader: {                type: 'xml',                // records will have a 'plant' tag                record: 'plant'            }        },        sorters: [{            property: 'common',            direction:'ASC'        }]    });    var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {        clicksToEdit: 1    });    // create the grid and specify what field you want    // to use for the editor at each header.    var grid = Ext.create('Ext.grid.Panel', {        store: store,        columns: [{            id: 'common',            header: 'Common Name',            dataIndex: 'common',            flex: 1,            locked:true,            editor: {                allowBlank: false            }        }, {            header: 'Light',            locked: true,            dataIndex: 'light',            width: 130,            editor: new Ext.form.field.ComboBox({                typeAhead: true,                triggerAction: 'all',                selectOnTab: true,                store: [                    ['Shade','Shade'],                    ['Mostly Shady','Mostly Shady'],                    ['Sun or Shade','Sun or Shade'],                    ['Mostly Sunny','Mostly Sunny'],                    ['Sunny','Sunny']                ],                lazyRender: true,                listClass: 'x-combo-list-small'            })        }, {            header: 'Price',            dataIndex: 'price',            width: 70,            align: 'right',            renderer: 'usMoney',            editor: {                xtype: 'numberfield',                allowBlank: false,                minValue: 0,                maxValue: 100000            }        }, {            header: 'Available',            dataIndex: 'availDate',            width: 95,            renderer: formatDate,            editor: {                xtype: 'datefield',                format: 'm/d/y',                minValue: '01/01/06',                disabledDays: [0, 6],                disabledDaysText: 'Plants are not available on the weekends'            }        }, {            xtype: 'checkcolumn',            header: 'Indoor?',            dataIndex: 'indoor',            width: 55,            stopSelection: false        }, {            xtype: 'actioncolumn',            width:30,            sortable: false,            items: [{                icon: '../shared/icons/fam/delete.gif',                tooltip: 'Delete Plant',                handler: function(grid, rowIndex, colIndex) {                    store.removeAt(rowIndex);                 }            }]        }],        selModel: {            selType: 'cellmodel'        },        renderTo: 'editor-grid',        width: 600,        height: 300,        title: 'Edit Plants?',        frame: true,        tbar: [{            text: 'Add Plant',            handler : function(){                // Create a model instance                var r = Ext.create('Plant', {                    common: 'New Plant 1',                    light: 'Mostly Shady',                    price: 0,                    availDate: Ext.Date.clearTime(new Date()),                    indoor: false                });                store.insert(0, r);                cellEditing.startEditByPosition({row: 0, column: 0});            }        }],        plugins: [cellEditing]    });    // manually trigger the data store load    store.load({        // store loading is asynchronous, use a load listener or callback to handle results        callback: function(){  {                title: 'Store Load Callback',                msg: 'store was loaded, data available for processing',                modal: true,                icon: Ext.Msg.INFO,                buttons: Ext.Msg.OK            });        }    });});

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Vote Rating


    I don't see this issue here -

    With what link are you seeing this problem?
    Don Griffin
    Director of Engineering - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

Posting Permissions

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