首页 > 解决方案 > 如何使用 EXTJS 4.2.1 解析 JSON 值并填充到组合框?

问题描述

方法:

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');
    }
});

响应是 JSON:

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

标签: javascriptjqueryjsonextjscombobox

解决方案


你可以这样做:

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

这是该示例的功能小提琴:https ://fiddle.sencha.com/#view/editor&fiddle/3cb0


推荐阅读