2017-01-21 65 views
0

我在我的頁面中有一個組合框?看起來像這樣 商店項目不顯示在下拉列表中extJS

var sourcesStore = new Ext.data.Store({ 
    autoLoad:true, 
    storeId: 'sourcesStore', 
    listeners:Ext.ux.loaderListener, 
    proxy:new Ext.data.HttpProxy({ 
     url:'/traffic/traffic_source_list/1', 
    }), 
    reader:new Ext.data.JsonReader(
     { 
      root:'items', 
      id:'source_', 
      messageProperty:'msg', 
      successProperty:'success', 
      fields: ['id', 'name'] 
     }, 
     ['id', 'name'] 
    ) 
}); 

組合CONFIGS

var selectStyleComboboxConfig = { 
    fieldLabel: 'My Dropdown', 
    name: 'type', 
    allowBlank: false, 
    editable: false, 
    // This is the option required for "select"-style behaviour 
    triggerAction: 'all', 
    typeAhead: false, 
    mode: 'local', 
    width: 120, 
    listWidth: 140, 
    hiddenName: 'traffic_source', 
    /*store: [ 
     ['val1', 'First Value'], 
     ['val2', 'Second Value'] 
    ],*/ 
    store: sourcesStore, 
    readOnly: true 
}; 

,在這裏設置的項目

items: [   
     fileField, 
     new Ext.form.DateField({ 
      xtype: 'datefield', 
      fieldLabel: 'Start date', 
      name: 'startdate', 
      format: 'd-m-Y' 
     }), 
     new Ext.form.DateField({ 
      xtype: 'datefield', 
      fieldLabel: 'End date', 
      name: 'enddate', 
      format: 'd-m-Y' 
     }), 

     new Ext.form.ComboBox(selectStyleComboboxConfig)] 

的問題是,它並沒有顯示項目的下拉菜單選擇。我們在我們的項目中使用ext 2.3.0當我點擊選擇我看到一個很長的下拉列表,但它是空的。我是extJS的新成員,我非常需要幫助來完成這個任務。對不起,我的英文,如果一些更多的信息或細節需要 - 請讓我知道!

回答

0

謝謝,答案很簡單。我剛剛加入

valueField: 'id', 
displayField: 'name' 

現在它很好!