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! :D 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.

[mscdex]

Is there a way to update this combo's array-based store later on after definition, to refresh its data with another array? Perhaps there is a pre-existing Ext.form.ComboBox method I am missing.

[masuran]

Suppose I have this example:

{
xtype:"combo",
fieldLabel:"Betaald",
store:[['','Maybe'],['0','Yes'],['1','No']],
name:"filter_betaald",
id: "filter_betaald"
}

Can anyone tell me how I can get the non-text value of this combobox? Here I have three options but instead of getting the selected value 'Yes' I want to get the value '0'.