extjs 2.3 修复 jsonstore 嵌套多级引用数据NULL的BUG

前端之家收集整理的这篇文章主要介绍了extjs 2.3 修复 jsonstore 嵌套多级引用数据NULL的BUG前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Ext版本:2.3.0

搜索到一篇有用的链接是:

JsonStore and nested/multi level data in a GridPanel


我在使用Ext.grid.GridPanel时,用到了多级JSON。

如:

{
"data": [
{
    "id" : 1,"amount" : 100,"costumer" : {
        "id" : 123,"name" : "Luis Valdés"
    }
},{
    "id" : 2,"amount" : 100
}
]
}

在定义列时有 {header:'id',dataIndex:'id'},
{header:'amount',dataIndex:'amount'},
{header:'cutomerid','dataIndex:'customer.id'},
{header:'customerName',dataIndex:'customer.name'}

当customer不为空时都正常,空的时候就显示不出来。解决办法如下,将Ext.data.JsonReader的getJsonAccessor现有方法

    getJsonAccessor: function(){
        var re = /[\[\.]/;
        return function(expr) {
            try {
                return(re.test(expr))
                    ? new Function("obj","return obj." + expr)
                    : function(obj){
                        return obj[expr];
                    };
            } catch(e){}
            return Ext.emptyFn;
        };
    }(),

替换为:
    getJsonAccessor: function(){
        var re = /[\[\.]/;
        return function(expr) {
            try {
                return(re.test(expr))
                    ? new Function("obj","try{return obj." + expr+"}catch(e){}return '';")
                    : function(obj){
                        return obj[expr];
                    };
            } catch(e){}
            return Ext.emptyFn;
        };
    }(),
即可解决

猜你在找的Json相关文章