从 Sencha Touch 中的 javascript 数组动态添加项目

Question

I have this code

    var filter = {
        items: [{
            xtype: 'fieldset',
            title: 'Choose',
            items: [
               // I need to put checkboxes here
            ]
        }]
    };

I need to dynamically add checkbox items:

{
   xtype: 'checkboxfield',
   name: 'city[]',
   label: 'City name',
   checked: false,
}

The data that I need to add is stored in JS array, and checkbox can be checked or unchecked

Please help, Thank you in advance

Answer 1

What is your issue? When do you add? What is the event?

filter.items[0].items[filter.items[0].items.length] = {
   xtype: 'checkboxfield',
   name: 'city[]',
   label: 'City name',
   checked: false,
}

or

var checkbox = {
       xtype: 'checkboxfield',
       name: 'city[]',
       label: 'City name',
       checked: false,
    }
var itemArr = filter.items[0].items;
itemArr[itemArr.length]=checkbox;

Answer 2

What is filter , is it a Container or does it extend from it (Panel, FormPanel, etc.)?

If so, you can use theadd() method to dynamically add to it.

It's also good to note, that posting in the Sencha Forums will get your a much faster response.