sencha touch :: как создать список hbox-элементов - PullRequest
Новая
       4

sencha touch :: как создать список hbox-элементов

1 голос
/ 08 июля 2011

Я хочу создать список данных из магазина. каждый элемент данных содержит заголовок и логическое значение. теперь я хочу получить список элементов, каждый из которых содержит заголовок и поле переключения (с логическим значением) справа от заголовка.

как я мог это сделать?

Thnx!

1 Ответ

1 голос
/ 09 июля 2011

Из документации Sencha Touch список - это «механизм отображения данных с использованием шаблона макета списка», то есть HTML-шаблона.Если вам нужен «список» компонентов, вам придется создать собственное расширение DataView (я думаю).

Обходным решением может быть установка флажка html внутри вашего itemTpl.Что-то вроде (предупреждение - не проверено): 

itemTpl: '<p>{title}: <input type="checkbox" name="BoolCheckbox" class="boolcheckbox"'
    + "{[(values.bool? 'checked="checked"' : '')]}"
    + '></input></p>'

Чтобы запустить собственный код в XTemplate, заключите его в скобку {[]}.В этой области у вас есть доступ к переменной 'values', которая содержит данные для записи.

Чтобы обнаружить события, вы добавили бы прослушиватель в список: 

itemtap: function (dataView, index, item, e) {
    if (e.getTarget().getClass().toString() == "boolcheckbox") {
        // do something
    }
}

Некоторые ресурсы по шаблонам:

http://dev.sencha.com/deploy/touch/docs/

http://www.sencha.com/learn/xtemplates-part-i/

http://www.sencha.com/learn/xtemplates-part-ii/

...