Combo's with inline data

[stever]

Use a combo box with data inline like this:

{
	xtype:'combo',
	store:['Reader','Participant','Moderator','SuperUser']
}

or

{
	xtype:'combo',
	store:[['r','Reader'],['p','Participant'],['m','Moderator'],['s','SuperUser']]
}

/**
 * @author Steven Roussey
 */

Ext.ux.ComboBox = function(config){
	if (Ext.isArray(config.store))
	{
		if (Ext.isArray(config.store[0]))
		{
			config.store = new Ext.data.SimpleStore({
			    fields: ['value','text'],
			    data : config.store
			});
	        config.valueField = 'value';
            config.displayField = 'text';
		}
		else
		{
			var store=[];
			for (var i=0,len=config.store.length;i<len;i++)
				store[i]=[config.store[i]];
			config.store = new Ext.data.SimpleStore({
			    fields: ['text'],
			    data : store
			});
	        config.valueField = 'text';
            config.displayField = 'text';
		}
		config.mode = 'local';
	}
    Ext.ux.ComboBox.superclass.constructor.call(this, config);
}
Ext.extend(Ext.ux.ComboBox,Ext.form.ComboBox,{
	
});
Ext.reg('combo',Ext.ux.ComboBox);

[mdissel]

Thanks! This should be added as an option to the default combobox

Marco

[jared]

Yes, this should be part of the Ext.form.ComboBox. This makes it possible to pass possible form value to the combobox via JSON config without having to manually instantiate a datatore. it's insane that a combobox is required to have a datastore.

[stever]

That is why i created it! Sometimes if the data is duplicated, it is better to create a store, but many times it is not needed. Glad you like it.

[stever]

Made an update so it uses Ext.isArray() for array detection.

[DigitalSkyline]

Nice, thanks for sharing.

[brian.moeskau]

it's insane that a combobox is required to have a datastore.

Well, that's a bit drastic. Stores buy you a lot of free functionality like events, automatic binding to the data source, etc. They also allow you to bind many types of data to a combo consistently (array, JSON, XML, etc.). But, I assume you mean that it's "insane that a store is required when all you want to do is throw a simple array into a combo." That I can agree with , and I have checked in a change to SVN that will enable this out of the box, providing the same functionality as Steve's extension.

[ppelletier]

Is there an example somewhere on how to use this new functionality you checked in ? It doesn't seem to be in the documentation (or I was unable to find it)...

Thanks
Paul

[mdissel]

It's in the svn, the examples\forms\combo.js

[brian.moeskau]

Yep, the combo example has been updated. I also updated the API docs for the ComboBox.store config option accordingly. But really, it's pretty simple. The same inline array formats as shown in Steve's examples above are supported.