如何在 extjs4 中使用 tpl 显示嵌套的 json

Question

我正在使用 extjs4 + yii 框架。我的服务器端在 yii[php] 中，客户端在 extjs4 中。我正在以 json 格式从服务器端发送数据。 我有 json as-

{
    "data": {
        "Meaning": [
            {
                "Noun": "sea"
            },
            {
                "Adverb": "Null"
            },
            {
                "Adjective": "Null"
            }
        ],
        "pronunciation": "sea",
        "Media": [
            {
                "image": "abc.jpg"
            },
            {
                "image": "xyz.jpg"
            },
            {
                "Video": "Windows Media Audio/Video file (.wmv)"
            }
        ]
    }
}

我想在使用 tpl 的 extjs 视图中显示这个 json。那么如何使用 extjs tpl 显示这个嵌套的 json 呢？

Answer 1

简单的解决方案：

Ext.widget('panel', {
    renderTo: Ext.getBody()
    // 4 is the number of indentation spaces
    ,tpl: '<pre>{[JSON.stringify(values, null, 4)]}</pre>'
    ,height: 400
    ,data: ... // sample data
});