Add editor combo-box to the grid

- 31 Posts
unglued Reply #1, 15 years, 5 months ago

Hi. I have Manager Menu with grid.
How can I add combo box like combo-box in select default template in system settings?

Thank you.
for($i=0; $i<100; $i++) echo 'Why is it not working?';

☆ A M B ☆
181 Posts

jgulledge19 Reply #2, 15 years, 3 months ago

Here is how to create a local data combo box, it worked for me anyway.

YourCMPName.combo.myComboName = function(config) {
    config = config || {};
    Ext.applyIf(config,{
       //displayField: 'name'
        //,valueField: 'id'
        //,fields: ['id', 'name']
        //,url: YourCMPName.config.connectorUrl
        store: ['approved','hidden','pending','auto_approved']// this is the local values
        ,baseParams: { action: '' ,combo: true }
        ,mode: 'local'
        ,editable: false
    });
    YourCMPName.combo.myComboName.superclass.constructor.call(this,config);
};
Ext.extend(YourCMPName.combo.myComboName,MODx.combo.ComboBox);
Ext.reg('myComboName-combo', YourCMPName.combo.myComboName);

Now in your grid js:

       {
            header: _('YourCMPName.status')
            ,dataIndex: 'status'
            ,sortable: true
            ,width: 60
            // textfield: ,editor: { xtype: 'textfield' }
            // this is a Yes/no: ,editor: { xtype: 'combo-boolean' ,renderer: 'boolean' }
            ,editor: { xtype: 'myComboName-combo', renderer: true }
        },

MODX ebook | My Site