Extbie 4 Combo box nie ładuje się po raz pierwszy (po zestawieniu combo z danymi formularza)

Question

Mam combobox w oknie-> formularz-> combo, iam wiążące dane z siatki do combo przy użyciu form.loadRecord (rekord).

Mój problem jest:

Po związaniu dane, jestem wywołać combo zmienić dane combo, po raz pierwszy combo poszerzyć trochę i ukryć się automatycznie po drugim kliknięciu pozycji combo tylko ładunki prawidłowo.

{ 
    xtype: 'combobox', 
    editable: false, 
    id: 'USERTYPECmbo', 
    queryMode: 'remote', 
    displayField: 'USERTYPE', 
    store: Ext.create('Ext.data.Store', { 
     autoLoad: true, 
     fields: ['USERTYPE'], 
     proxy: { 
      type: 'ajax', 
      extraParams: { 
       typeName: 'USERTYPE' 
      }, 
      url: 'USERTYPE.htm', 
      reader: { 
       type: 'json', 
       root: 'res' 
      } 
     }, 
     listeners: { 
      load: function (store, options) { 
       var combo = Ext.getCmp('USERTYPECmbo'); 
       combo.setValue(combo.getValue()); //Set the remote combo after the store loads. 
      } 
     } 
    }), 
    name: 'USERTYPE', 
    fieldLabel: 'USER TYPE' 
} 

punkt mi gdzie iam dzieje źle lub jakakolwiek nieruchomość należy dodać do składnika.

Answer 1

To dlatego, że valueField nie jest zdefiniowany w twoim obiekcie konfiguracyjnym (podczas gdy pole displayField jest ustawione). Kiedy extjs spróbuje załadować twoje combo, potrzebuje zarówno wartości, jak i pól wyświetlania, aby poprawnie wyświetlać twoje combo, ale w czasie renderowania twoja valueField nie jest jeszcze ustawiona i czeka na żądanie ajax wysłane do serwera i odpowiedź jest odesłana.

W swoim słuchaczu ustawiasz wartość combo, gdy nie jest ona jeszcze renderowana. Tak więc po ponownym kliknięciu na kombinację, dokładnie po wczytaniu zdalnego JSON, ustawiane są pola combo.

{ 
    xtype : 'combobox', 
    editable : false, 
    id:'USERTYPECmbo', 
    queryMode: 'remote', 
    displayField: 'USERTYPE', 
    valueField: 'USERTYPE',//set whatever field you like in your json       
    store :new Ext.data.Store({ 
     autoLoad: true, 
     fields: [ 'USERTYPE' ], 
     proxy: { 
      type: 'ajax', 
      extraParams: {typeName : 'USERTYPE'}, 
      url : 'USERTYPE.htm', 
      reader: { 
       type: 'json', 
       root : 'res' 
      } 
     }      
    }), 
    name : 'USERTYPE', 
    fieldLabel: 'USER TYPE' 
} 

Aktualizacja: Jedna kwestia nie zauważyłem było to, że stworzył sklep korzystając Ext.create i dlatego, ExtJS próbowałby zdobycia JSON dwukrotnie (po prostu sprawdzić go przy użyciu programu Firebug), podczas gdy wystarczy jedno żądanie.Nie używaj nowego zamiast Ext.create.I przetestowałem twój kod na moim lokalnym serwerze i działa on poprawnie. Jeśli nadal masz ten sam problem, podaj link do pobrania do formularza js + html + Store, więc może przejrzeć kod ur. Możesz pobrać moje pliki testowe zbudowane na swoim kodzie i działające pod numerem here. testowane na FF 6 i opera 10 i IE9

Answer 2

Spróbuj dodać

queryMode: 'local' 

do swoich właściwości combobox