将数据加载到商店后,Extjs组合框为空

时间:2016-04-14 10:35:10

标签: javascript extjs combobox

你能帮我弄清楚代码无效的原因。加载数据后,我的组合框为空

var groupComboBoxStore = Ext.create('Ext.data.Store', {
    fields: ['value', 'name']
});
var groupComboBox = new Ext.form.field.ComboBox({
    fieldLabel: 'Groups',
    store: groupComboBoxStore,
    displayField: 'name',
    valueField: 'value',
    renderTo: Ext.getBody()
});
groupComboBoxStore.loadData([{name: 'name1', value: 'value1'}], false);

2 个答案:

答案 0 :(得分:4)

在Extjs中看起来是一个错误或未处理的实现我将代码更改为

var groupComboBox = new Ext.form.field.ComboBox({
    fieldLabel: 'Groups',
    store: []
});
groupComboBox.store.loadData([['value1'], ['value2']], false);

答案 1 :(得分:2)

您无法在商店定义中设置数据,而不是使用loadData方法。

   var groupComboBoxStore = Ext.create('Ext.data.Store', {
      fields: ['value', 'name'],
      data : [
         {name: 'name1', value: 'value1'}
      ]
   });

   var groupComboBox = new Ext.form.field.ComboBox({
      fieldLabel: 'Groups',
      store: groupComboBoxStore,
      displayField: 'name',
      valueField: 'value',
      renderTo: Ext.getBody()
   });