Ext Js 4.1 How to add dropdown in grid column?

[mandardadpe]

Hello,
I have a grid and I want to insert "combo box" in grid column i.e. in cell.
How can I do it?

Thanking You in advance,
Mandar Dadpe

[sword-it]

Hi Mandardadpe,

Use CellEditing plugin to add combobox in a single column like -

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
   // store: Ext.data.StoreManager.lookup('simpsonsStore'),
    selType: 'cellmodel',
    plugins: [
        Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1
        })
    ],
    columns: [
        {header: 'Name',  dataIndex: 'name',
            editor: {
                xtype: 'combo',
                store: ['First', 'Second']
            }},
        {header: 'Email', dataIndex: 'email', flex:1},
        {header: 'Phone', dataIndex: 'phone'}
    ], 
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

For more info read API docs -http://docs.sencha.com/ext-js/4-1/#!...in.CellEditing

[mandardadpe]

You have solved my problem..thanks a lot..!!!

[mandardadpe]

Can I use row editing instead of cell editing??

[sword-it]

Yes you can use row editing Plugin according your need.

[mandardadpe]

Thanks again Sword..!!! I have used row-editing accordingly.