使用json數據和模型在sencha touch 2中動態創建複選框字段

Question

如何在窗體Panel中動態添加複選框。我需要在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'); 

然後你可以dynami cally在fieldset上使用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 
});