.. / 9.2 ExtJS: Форма. Сложные (составные) элементы

Ext.onReady(function(){   // отрабатывается по готовности DOM
    new Ext.form.ComboBox({
        renderTo: 'ex1',
        fieldLabel: 'Страна',
        store:  {            // конфигурация хранилища
                  fields: ['domen', 'name'],
                  data: [
                          {«domen»:«ru», «name»:«Россия»},
                          {«domen»:«ua», «name»:«Украина»},
                          {«domen»:«bf», «name»:«Буркино-Фасо«}
                          ]
                },
        displayField: 'name', // это текстовое значение <option>…</option>
        valueField: 'domen'   // а это значение поля <option value=»…»>
    });
});

В документации дано большое количество примеров различных варианов работы этого копонента, включая преобразование его в очень мощный и полноценный Ajax Suggest

3. Чекбоксы Checkbox+FieldContainer

Чекбоксы по одиночке практически не встречаются, за исключением случая подтверждения ккой-нибудь оферты, которую все равно никто и никогда не читает. А для того чтобы создать группу чекбоксов нужно ииспользовать специальный контейнер FieldContainer. А в остальном код по-моему не должен вызвать каких-то вопросов:

     new Ext.form.FieldContainer({
            fieldLabel: 'Ваш заказ',
                    defaultType: 'checkboxfield', // дефолное значение xtype
                    items: [
                        {
                            xtype:  'checkboxfield', // если указан  defaultType, то не обязательно
                            boxLabel: 'Водка',
                            name: 'order',
                            inputValue: '1',
                            checked: true  // выбрано
                        }, {
                            boxLabel: 'Девочки',
                            name: 'order',
                            inputValue: '2'
                        }, {
                            boxLabel: 'Семечки',
                            name: 'order',
                            inputValue: '3'
                        }
                    ],
            renderTo: 'ex3'
    });

   new Ext.form.FieldContainer({
            fieldLabel: 'Ваш заказ',
                   defaultType: 'radiofield', // дефолное значение xtype
                    items: [
                        {
                            boxLabel: 'Водка',
                            name: 'order2',
                            inputValue: '1',
                            checked: true,  // выбрано
                            id: 'radio1'
                         }
                         ……………………….
                         ……………………….
                    ],
            renderTo: 'ex4'
    });