I'm trying to create checkboxes from an array. Utimatley I want to tie this to JSON. I have the following sample code:

<code>
var Stakeholder_CheckBoxArray = []; //temp stakeholder store
var Stakeholders_Store = new Ext.data.ArrayStore({
fields: ['Id', 'Text'],
data: [['1', 'item1'], ['2', 'item2'], ['3', 'item3']],
listeners: {
load: function (t, records, options) {
for (var i = 0; i < records.length; i++) {
Stakeholder_CheckBoxArray.push({ name: records[i].data.Id, boxLabel: records[i].data.Text });
// alert(records[i].data.Text);
}
}
}
});
var stakeholder_checkboxes = new Ext.form.CheckboxGroup({
id: 'shakeholder_checkboxes',
name: 'broker',
flex: 4,
allowBlank: true,
columns: 1,
items: [Stakeholder_CheckBoxArray]
});
</code>

The output is one checkbox with no text. The "alert" works correctly when uncommented. Obvoiusly, this is not the desired output. What am I doing wrong?


Thanks,

JRF