Combobox in grid

[pankajgoyal87]

I am unable to get a combobox in grid panel. I have to get a combobox in one of the column of grid panel. I have set data index for this from store and xtype:'combo' in editor. Please let me know any solutions on this.

Regards,
Pankaj

[sword-it]

Hi,

Try to use following code:-

Ext.onReady(function () {
    
    var grid = new Ext.grid.EditorGridPanel({
        title: 'My Grid'
        , width: 600
        , height: 200
        , renderTo: Ext.getBody()
        , store: new Ext.data.ArrayStore({
            data: [
                    ['A', 'abc@gmail.com', 'June 14,2012 11:00 AM']
                    , ['B', 'Abc@gmail.com', 'June 15,2012 11:00 AM']
                    , ['C', 'xyz@gmail.com', 'June 10,2012 11:00 AM']
                ]
                , fields: ['name', 'email', 'login_time']
        })
        , colModel: new Ext.grid.ColumnModel([
               { header: "Name", width: 150, height: 16, sortable: true, dataIndex: 'name', editor: { xtype:'combo',       displayField:'value', valueField:'id',triggerAction:'all',mode:'local',store:['A','B','C']} },
               { header: "E-Mail", width: 200, height: 16, sortable: true, dataIndex: 'email' },
               { header: "Last Login", width: 150, height: 16, sortable: true, dataIndex: 'login_time' }
            ])
    })
})