The ComboBox
, or SELECT
as its known in HTML, also called a drop-down menu, is a highly-useful form element. It reduces the users' need to touch the keys on their keyboards. The Ext ComboBox
has a ton of practical uses, and just as many configuration options to keep track of.
First, let's make a combo using local data. To do this, we need to create a data store. There are a few different types of data store, each of which can be used for different situations. However, for this one, we are going to use a simple store:
var genres = new Ext.data.SimpleStore({ fields: ['id', 'genre'], data : [['1','Comedy'],['2','Drama'],['3','Action']] });
Just like the other fields in our form, we add it to the items
config. A few other config options are needed when we are setting up a combo box. The store
is the obvious one-this is the data that populates the options for our combo. The other things we need...