javascript - 访问 YUI 表中的嵌套 JSON

Question

在我的 YUI 应用程序中，我有以下从 AJAX 请求返回的有效 JSON 对象

{
    "content": [
        {
            "id": 7,
            "name": "Henry Wood",
            "sport": {
                "sportId": 1,
                "sportName": "Basketball"
            }
     ]
}

在我的回复中，我设置了以 content 开头的表格数据

dataTable.set('data', data.content); 

但是，在定义我的列时，我似乎无法使用点符号检索 sportName (返回空白)

 { key: 'name', label: 'Name'},                   //returns Henry Wood
 { key: 'sport.sportName', label: 'Supply Chain', //doesn't work

关于如何访问此嵌套属性有什么想法吗？

Answer 1

对这样的列定义使用格式化程序选项

formatter: function (o) {
  return o.data.sport.sportName;
}

列定义:

var cols = [{
    key: 'name',
    label: 'Name'
}, {
    label: 'Supply Chain',
    formatter: function (o) {
        return o.data.sport.sportName;
    }
}],

这是一个演示 http://jsfiddle.net/dhirajbodicherla/expfs6xn/