sencha-touch - 使用json数据和模型在sencha touch 2中动态创建复选框字段

Question

如何在表单面板中动态添加复选框。我需要将复选框值和标签存储在 json 数据中。如果我在文本框中输入值，然后单击添加按钮以从 json 标签和值动态创建复选框。

这是我的复选框脚本：

xtype: 'fieldset',
items: [
    {
        xtype: 'checkboxfield',
        name : 'tomato',
        label: '{hardware}',
        value: '{tomato}',
    }
]

Answer 1

您需要通过在创建字段集时保存对它的引用来访问您的字段集：

var fieldset = Ext.create({
    items: [...]
});

..或通过给它一个id并使用它来引用它：

{
    xtype: 'fieldset',
    id: 'myfieldset',
    items: [...]
}

...

var fieldset = Ext.getCmp('myfieldset');

然后您可以使用字段集上的add方法动态插入一个新复选框：

var myData = {
    label: 'my label which i got via JSON',
    value: 1
};

fieldset.add({
    xtype: 'checkboxfield',
    name: 'tomato',
    label: myData.label,
    value: myData.value
});