ExtJS 4, CheckboxGroup. Таблица layout

Question

Я использую ExtJS 4.1 MVC. В виду, что я создал checkboxGroup, а в контроллере я добавляю элементы (флажки) к id динамически. Но мне нужно, чтобы они показывались особым образом. Я думаю о шаблонах (XTemplates).

Нужно ли добавить tpl на флажокГруппа или на каждый элемент флажка? Я понятия не имею, как это выглядит. Пожалуйста, помогите!

Пожалуйста, напишите пример шаблон для флажка

var checkboxes = Ext.getCmp("myCheckboxGroup"); 
myStore.each(function(item){ 
    var name = item.get("name"); 
    checkboxes.add({ 
     boxLabel: name, 
     name: fieldName, 
     // tpl ??? 
    }); 
},this); 

Answer 1

Я нашел лучший подход - для CheckboxGroup сделать Table Layout. Это выглядит следующим образом:

Вид:

xtype: "checkboxgroup", 
layout: { 
    type: "table", 
    columns: 3 
}, 
defaults : { 
    padding : "0 10 0 0", 
    width : 233, 
    cellCls : 'verticalAlignTop', // <===== 
    border : false,   // <===== 
}, 
width: 700, 
items: [] 

В контроллере я динамически добавлять элементы:

var checkboxes = Ext.getCmp("myCheckboxGroup"); 
myStore.each(function(item){ 
    var name = item.get("name"); 
    checkboxes.add({ 
     xtype: "checkbox", 
     boxLabel: name, 
     name: fieldName, 
    }); 
},this); 

И сделать вертикальную Align я добавил cellCls : 'verticalAlignTop' и в style.css оных:

.verticalAlignTop { vertical-align:top; } 

Отлично подходит для меня: