Попытка заставить базовую комбинацию работать в ExtJS

Я хочу использовать очень простое поле со списком в ExtJS, но я был удивлен, узнав, что мне кажется, что мне нужно усложнять вещи, используя хранилище.

У меня есть один массив данных:

var states = [
    {"name":"Alabama"},
    {"name":"Alaska"}
]

Я создаю свою модель «Состояние», связанную с полем «имя», а затем я создаю свой магазин, связанный с моделью и массивом данных.

Ext.regModel('State', {
    fields: [
        {type: 'string', name: 'name'}
    ]
});
var store1 = Ext.create('Ext.data.Store', {
    model: 'State',
    data: states 
});

Теперь я создаю свою комбинацию как поле на своей панели:

var f = Ext.create('Ext.form.Panel', {
    items: [
       {
            fieldLabel: 'hi there',
            xtype: 'combobox',
            name: 'XXXX',
            store:store1,
            maxLength: 64,
            allowBlank: false
        }
    ]
})

Ничто не говорит мне, что я делаю что-то не так, но я получаю 'Uncaught TypeError: Cannot read property 'indexOf' of undefined' всякий раз, когда я пытаюсь открыть комбинацию.

Моя скрипка здесь:

http://jsfiddle.net/sr61tpmd/1/

Еще одно отступление от моего вопроса: как проще всего представить поле со списком в ExtjS?