Ext Js 4.1 How to add dropdown in grid column?

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

Hi Mandardadpe,

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

Code:

---

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

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

Can I use row editing instead of cell editing??

Yes you can use row editing Plugin according your need.

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