Json Синтаксический в ExtJS 4

Question

Я новичок в ExtJS 4.I я использую JSON для заполнения поле со списком, как следует,

JSON:

{ 
   "Patient": [ 
      { 
         "id": 1, 
         "emergencyPhone": "1234567890", 
         "primaryInsuranceId": { 
            "id": 1 
         }, 
         "secondaryInsuranceId": { 
            "id": 2 
         }, 
         "personalInfo": { 
            "id": 2, 
            "firstName": "James", 
            "lastName": "Anderson", 
            "address": { 
               "state": { 
                  "id": "2", 
                  "stateName": "Alaska", 
                  "code": "AK" 
               }, 
               "zipcode": 12345, 
               "country": "USA", 
               "telephone": "1234567890", 
               "alternatePhone": "1234567890", 
               "faxNumber": "1234567890", 
               "email": "james@gmail.com" 
            }, 
            "gender": "Male", 
            "dob": "2012-04-02", 
            "ssn": 123456789, 
            "race": "race" 
         }, 
         "clearinghouseId": { 
            "id": 2, 
            "name": "ALPHA Clearing House" 
         }, 
         "provider": [] 
      } 
   ] 
} 

Код:

Ext.define('patientList', { 
    extend: 'Ext.data.Model', 
    fields: ['id', 'personalInfo'] 
}); 

var patient = Ext.create('Ext.data.Store', { 
    model: 'patientList', 
    autoLoad: true, 
    proxy: { 
     type: 'ajax', 
     url: url + '/lochweb/loch/patient/getAll', 
     reader: { 
      type: 'json', 
      root: 'Patient' 
     } 
    } 
}); 

Combo Box

{ 
    xtype: 'combo', 
    fieldLabel: 'Patient', 
    name: "patientId", 
    id: "patientId", 
    queryMode: 'local', 
    store: patient, 
    displayField: 'personalInfo.firstName', 
    valueField: 'id', 
    emptyText: "Select", 
    editable: false, 
    allowBlank: false 
} 

Когда я нажимаю на поле со списком, он показывает FirstName, но после выбора, что, не отображающие в капле down.Any Помощь

Благодаря

Answer 1

Изменить Модель так:

Ext.define('patientList', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     { name: 'myId', mapping: 'personalInfo.id' }, 
     { name: 'myFirstName', mapping: 'personalInfo.firstName' } 
    ] 
}); 

Затем измените Combo так:

{ 
    xtype: 'combo', 
    fieldLabel: 'Patient', 
    name: "patientId", 
    id: "patientId", 
    queryMode: 'local', 
    store: patient, 
    displayField: 'myFirstName', // Change This 
    valueField: 'myId',   // Change This 
    emptyText: "Select", 
    editable: false, 
    allowBlank: false 
} 

Подробнее о Mapping и Convert configs.