1. #1
    Sencha User
    Join Date
    Jun 2012
    Posts
    48
    Vote Rating
    0
    mandardadpe is on a distinguished road

      0  

    Default Ext Js 4.1 How to add dropdown in grid column?

    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

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    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
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  3. #3
    Sencha User
    Join Date
    Jun 2012
    Posts
    48
    Vote Rating
    0
    mandardadpe is on a distinguished road

      0  

    Default Thank You Very Much Sword....:)

    Thank You Very Much Sword....:)


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

  4. #4
    Sencha User
    Join Date
    Jun 2012
    Posts
    48
    Vote Rating
    0
    mandardadpe is on a distinguished road

      0  

    Default


    Can I use row editing instead of cell editing??

  5. #5
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Yes you can use row editing Plugin according your need.
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  6. #6
    Sencha User
    Join Date
    Jun 2012
    Posts
    48
    Vote Rating
    0
    mandardadpe is on a distinguished road

      0  

    Default Ext Js 4.1 How to add dropdown in grid column?:

    Ext Js 4.1 How to add dropdown in grid column?:


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

Thread Participants: 1