Extjs5：組合框未顯示選定的值

Question

我創建了comboBox，當我選擇一個值時，將不會顯示任何值。

Ext.create("Ext.form.field.ComboBox", { 
     name: el.name, 
     fieldLabel: el.labelId, 
     hidden: !(el.visible), 
     displayField:"value", 
     valueField:"value", 
     flex: 1, 
     store:Ext.create("Ext.data.Store",{ 
       fields: ['key', 'value'], 
       data: [ 
         { key: "10",value: "etap 0"}, 
         { key: "200",value: "etape 1"}, 
         { key: "300", value: "etape 3"} 
       ] 
     }), 
     regex: el.parameterType.regex, 
     regexText: el.regExErrMsg, 
     allowBlank: !el.mandatory, 
     blankText: el.requiredErrMsg 
    }) 

EDIT

這裏正是返回組合的方法：

drawField: function (el) { 
    var me = this; 
    var uiField = Ext.create(me.componentType, { 
     name: el.name, 
     fieldLabel: el.labelId, 
     hidden: !(el.visible), 
     flex: 1, 
     regex: el.parameterType.regex, 
     regexText: el.regExErrMsg, 
     allowBlank: !el.mandatory, 
     blankText: el.requiredErrMsg 
    }); 
    if (el.parameterType.isCombo) { 
     uiField.displayField = 'value'; 
     uiField.valueField = 'key'; 
     uiField.editable = false; 
     uiField.store = Ext.create('Ext.data.Store', { 
      fields: ['key', 'value'], 
      data: el.parameterType.values 
     }); 
    } 
    return uiField; 
} 

和el參數是JavaScript對象像：

{ 
    name: "", 
    labelId: "Champ :", 
    parameterType: { 
     regEx: "^.*$", 
     errID: "115", 
     isCombo: true, 
     values:[ 
      {key: "10", value: "etap 0"}, 
      {key: "200",value: "etape 1"}, 
      {key: "300",value: "etape 3"}, 
     ], 
     selectedValue: "etap 0" 
    }, 
    mandatory: false, 
    visible: true, 
    defaultValue: "", 
    elementType: "LIST_BOX", 
    regExErrMsg: "Valeur invalide.", 
    requiredErrMsg: "" 
} 

和me.componentType在侏儒IME是Ext.form.field.ComboBox

Answer 1

這撥弄正常工作對我來說，我除去EL引用內容表明，它未定義我也改變Ext.data.store到Ext.data.Store

https://fiddle.sencha.com/#fiddle/jj6

Ext.application({ 
    name: 'Fiddle', 

    launch: function() { 
     Ext.create("Ext.form.field.ComboBox", { 
      renderTo: Ext.getBody(), 
      displayField: "value", 
      valueField: "value", 
      flex: 1, 
      store: Ext.create("Ext.data.Store", { 
       fields: ['key', 'value'], 
       data: [{ 
        key: "10", 
        value: "etap 0" 
       }, { 
        key: "200", 
        value: "etape 1" 
       }, { 
        key: "300", 
        value: "etape 3" 
       }] 
      }) 
     }); 
    } 
}); 

Answer 2

valueField：「值」是不對的，你應該指定valueField：以「重點」爲組合框正常工作