So far, no real idea beside giving you an example i'm using :
/**
* @class Class.combo.name
* @extends MODx.combo.ComboBox
* @param {Object} config
* @xtype class-combo-name
*/
Class.combo.name = function(config) {
config = config || {};
Ext.applyIf(config, {
name : 'field'
,hiddenName : 'field'
,pageSize: 10
,forceSelection: true
,selectOnFocus: true
,displayField : 'name'
,valueField : 'id'
,fields: ['id', 'name']
,triggerAction : 'all'
,lazyRender: true
,editable : true
,typeAhead: true
,minChars: 1
,allowBlank: false
,url: Class.config.connector_url
,listWidth: 0
,baseParams: {
action: 'mgr/action/getlist'
,combo: true
}
});
Class.combo.name.superclass.constructor.call(this, config);
};
Ext.extend(Class.combo.name, MODx.combo.ComboBox);
Ext.reg('class-combo-name', Class.combo.name);
Hoping you'll find some clue here
Good luck