How to parse JSON values and populate to combobox using EXTJS 4.2.1?

Question

The method:

Ext.Ajax.request({
    url: 'url',
    method: 'GET',
    timeout: 60000,
    params: {
        "perviceTypeId": my.rec.data.prepeId
    },
    success: function(response) {
        var jsonResp = response.responseText;
        console.log("ajax data responseText::" + jsonResp);
        //how to parse value and display and populate to deageType combobox
        var combo = Ext.getCmp('deageType');
    }
});

The response is JSON:

{
  "message": null,
  "data": [
    {
      "value": "ESS",
      "display": "ESS"
    },
    {
      "value": "ANS",
      "display": "ANS"
    }
  ],
  "errorCode": -1,
  "totalCount": 1,
  "messages": null,
  "resultDate": 1615282701392,
  "success": true
}

Answer 1

You can do that:

var combo = Ext.getCmp('myCombo');
combo.store = Ext.create('Ext.data.Store', {
            fields: ['value', 'display'],
            data: responseJSON.data
          });

Here is functional fiddle with that example: https://fiddle.sencha.com/#view/editor&fiddle/3cb0

Answer 2

You should decode the response (using Ext.JSON.decode ) and bind the store (using bindStore ) to combo:

Example:

Ext.Ajax.request({
    url: 'url',
    method: 'GET',
    timeout: 60000,
    params: {
        "perviceTypeId": my.rec.data.prepeId
    },
    success: function(response) {
        var jsonResp = Ext.JSON.decode(response.responseText);
        var combo = Ext.getCmp('deageType');
        combo.bindStore(Ext.create('Ext.data.Store', {
            fields: ['display', 'value'],
            data: jsonResp['data']
        }));
    }
});