Combobox가 불러 온 저장 데이터를 표시하지 않습니다.

Question

ExtJS 4.2를 사용하고 store을 loadComboBox()에 인쇄 할 때 항목이 있지만 드롭 다운에 나타나지 않습니다. 드롭 다운이 비어 있습니다.

여기는 JSFiddle DEMO입니다.

Ext.define('ReportFieldModel', { 
    extend: 'Ext.data.Model', 
    fields: [{ 
     'name': 'name', 
     'type': 'string' 
    }] 
}); 

Ext.define('ReportFieldComboStore', { 
    extend: 'Ext.data.JsonStore', 
    model: 'ReportFieldModel' 
}); 

var config = { 
    'type': "Summary", 
    'columns': [ 
     "red", 
     "yellow", 
     "orange", 
     "green", 
     "blue", 
     "indigo", 
     "violet"] 
}; 

function processItem(item) { 
    return Ext.create('ReportFieldModel', { 
     name: item 
    }); 
} 

function processItems(data) { 
    var arr = []; 
    if (data && data.length > 0) { 
     for (var i = 0; i < data.length; i++) { 
      arr.push(processItem(data[i])); 
     } 
    } 
    return arr; 
} 

function loadComboBox(combo, data) { 
    var store = combo.store; 
    var columns = data.columns; 
    var processed = processItems(columns); 
    console.log(JSON.stringify(processed, undefined, 2)); 
    store.loadData(processed, false); 
} 

Ext.onReady(function() { 
    var resultsPanel = Ext.create('Ext.panel.Panel', { 
     title: 'Results', 
     width: 200, 
     height: 400, 
     renderTo: Ext.getBody(), 
     layout: { 
      type: 'vbox', 
      align: 'stretch', 
      padding: 5 
     }, 
     items: [{ 
      xtype: 'combo', 
      itemId: 'myCombo', 
      displayField: 'name', 
      valueField: 'name', 
      mode: 'local', 
      store: Ext.getStore('ReportFieldComboStore') 
     }] 
    }); 

    loadComboBox(resultsPanel.down('#myCombo'), config); 
}); 

Answer 1

는 config는 queryMode하지 mode입니다.