2012-10-30 7 views
5

के साथ Extjs Combobox भरना मेरे बेस क्लास में एक combobox है, जहां मैं केवल "फ़ील्ड्स" प्रॉपर्टी को कॉन्फ़िगर करता हूं। इस तरह:स्थिर डेटा

items: [ 
     comboText = Ext.create('Ext.form.ComboBox', { 
       width: 150, 
       padding: '0 20 0 0', 
       displayField: 'label', 
       store: Ext.create('Ext.data.Store', { 
        fields: [ 
         {type: 'string', name: 'label'}, 
         {type: 'string', name: 'fieldName'} 
        ] 
       }) 
      }), 
...] 

मैं इस कॉम्बो में केवल डेटा प्रॉपर्टी कैसे पास कर सकता हूं? मैं नीचे दिए गए कोड की कोशिश की लेकिन काम नहीं करता:

comboTest.store.loadData(value); 

जहां मूल्य इस तरह एक सरणी शामिल हैं:

[ 
    {"label":"First name", "fieldName":"firstname"}, 
    {"label":"Birth date", "fieldName":"birthdate"} 
] 

कोई त्रुटि नहीं है, लेकिन कुछ भी नहीं बता गया खोलता है।

उत्तर

8

इस config का प्रयास करें:

 xtype:'combo', 
     fieldLabel:'Division', 
     name:'division', 
     queryMode:'local', 
     store:['A','B','C'], 
     displayField:'division', 
     autoSelect:true, 
     forceSelection:true 

एक और वैकल्पिक docs of the ComboBox में सही सूचीबद्ध है:

// The data store containing the list of states 
    var states = Ext.create('Ext.data.Store', { 
     fields: ['abbr', 'name'], 
     data : [ 
      {"abbr":"AL", "name":"Alabama"}, 
      {"abbr":"AK", "name":"Alaska"}, 
      {"abbr":"AZ", "name":"Arizona"} 
      //... 
     ] 
    }); 

    // Create the combo box, attached to the states data store 
    Ext.create('Ext.form.ComboBox', { 
     fieldLabel: 'Choose State', 
     store: states, 
     queryMode: 'local', 
     displayField: 'name', 
     valueField: 'abbr', 
     renderTo: Ext.getBody() 
    }); 
1

valueFieldcombobox लिए अनिवार्य है। अपने combobox में valueField सेट करने का प्रयास करें।

8

मैं इस का उपयोग कर काम करने के लिए मिल गया:

xtype:'combo', 
    fieldLabel:'Division', 
    name:'division', 
    valueField: 'division', 
    queryMode:'local', 
    store:['A','B','C'], 
    displayField:'division', 
    autoSelect:true, 
    forceSelection:true 

मैं जानता हूँ कि इस सवाल का वास्तव में पुराना है, लेकिन सिर्फ मामले में किसी को भी एक जवाब है कि बॉक्स से बाहर काम करता है की तलाश में आता है; मेरे लिए यह था।

+0

मुझे इसकी सादगी के लिए यह समाधान पसंद है। एपीआई मैनुअल का एक संदर्भ जहां इसका वर्णन किया गया है: http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.form.field.ComboBox-cfg-store स्टोर कॉन्फ़िगरेशन की तलाश करें। –