extJS：读取嵌套的 JSON

Question

我有一个来自 ldap_search() 调用的漂亮嵌套 JSON。我想使用这些信息来填充 ExtJS ComboBox，但我在读者方面遇到了一些麻烦。显然，我无法在 ComboBox 中读取我需要的信息，即人员的邮件地址、uid 和 cn

我认为整个问题在于商店。我正在尝试以下代码：

var store= new Ext.data.JsonStore({
        url:'search.php',   
        root: '',
        totalProperty: 'count',
        fields: [
            {name:'cn', type: 'string', mapping:'cn.0'},
            {name:'mail', type: 'string', mapping:'mail.0'},
            {name:'uid', type: 'string', mapping:'uid.0'}
        ]
});

但 FireBug 告诉我 missing ; before 语句在 ext-all.js 中返回 obj.cn.0（第 7 行）。我尝试了另一个更简单的 JSON 数组，它可以工作，这就是为什么我真的认为问题出在这部分代码中，尤其是在映射中。

search.php 返回的 JSON 示例是：

{
  "count": 2,
  "0": {
    "mail": {
      "count": 1,
      "0": "Mail address not registered."
    },
    "0": "mail",
    "uid": {
      "count": 1,
      "0": "[email protected]"
    },
    "1": "uid",
    "cn": {
      "count": 1,
      "0": "Surname0 Name0"
    },
    "2": "cn",
    "count": 3,
    "dn": "cn=Surname0 Name0,ou=personal,dc=domain,dc=com"
  },
  "1": {
    "mail": {
      "count": 1,
      "0": "[email protected]"
    },
    "0": "mail",
    "uid": {
      "count": 1,
      "0": "name1.surname1"
    },
    "1": "uid",
    "cn": {
      "count": 1,
      "0": "Surname 1 Name 1"
    },
    "2": "cn",
    "count": 3,
    "dn": "cn=Surname1 Name1,ou=personal,dc=domain,dc=com"
  }
}

感谢您的宝贵时间。

Answer 1

是的，该 JSON 结构不会立即与标准 ExtJS JSONReader 一起使用。看一下取自 ExtJS API 文档 JSON 应该是什么样子。

{
    results: 2000, // Reader's configured totalProperty
    rows: [        // Reader's configured root
        // record data objects:
        { id: 1, firstname: 'Bill', occupation: 'Gardener' },
        { id: 2, firstname: 'Ben' , occupation: 'Horticulturalist' },
        ...
    ]
}

另外，root 配置选项是必需的，不能将其留空。在上面的示例中，您的root 将是“rows”。

您可能需要首先将 JSON 解析为更简单的格式，然后再将其提供给 JSONReader。

Answer 2

我想做同样的事情，但让其中一个嵌套项目成为我图表中的一个字段。这篇文章不断出现，所以我认为看看我为解决图表问题所做的事情可能会有所帮助。解决这个问题的关键是知道标签配置存在： http://docs.sencha.com/ext-js/4-0/#!/api/Ext.chart.Label。使用它，您可以覆盖传入内容的默认渲染。在本例中，字段是“key”（此处未显示，但我的模型使用“key”的默认类型（即，不是字符串））。关键对象被传递给渲染器。使用 function(t)，我现在可以像 JavaScript 一样访问该对象并传回该对象下的名称。

 json
    key : { 
            wholePath : "c:/.../fileName.txt",
            fileName : "fileName.txt",
        }
  code:
    axes: [
    {
        title: 'Values',
        type: 'Numeric',
        position: 'left',
        fields: ['value'],
        minimum: 0,
        maximum: 100,
        minorTickSteps: 1
    },
    {
        title: 'File Name',
        type: 'Category',
        position: 'bottom',
        fields: ['key'],
        label: {
            renderer: function(t) {
               var fileName = t.name;
               return fileName;
            }
        }
    }