inline combobox

Question

What is the best way to produce a in line combo box control in ExtJS4?

Example code:

        xtype:'container',
        items:[{
            xtype:"component",
            html:"this is some text that should appear before the combo: "
        },{
            xtype:'combo',
            queryMode: 'local',
            typeAhead: true,
            grow:true,
            store:["Alabama Alabama Alabama Alabama Alabama Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Georgia"]
        },{
            xtype:"component",
            html:"this is some text that should appear after the combo."
        }]

Desired output:

this is some text that should appear before the combo:<combobox> this is some text that
should appear after the combo.

Answer 1

add the following to the top level container:

layout: {
   type: 'hbox'
}