yui datatable列点符号不显示任何内容

时间:2014-01-26 03:21:33

标签: yui yui-datatable yui-datasource

YUI DataTable不显示'dot.notation'键的值(虽然似乎有一个奇怪的技巧)。解决这个问题的最佳方法是什么?我想要一个'正确'的答案,而不是我所拥有的当前扁平对象并保留嵌套对象(这两者必须存在才能使其正常工作)。

示例数据(第三个数据因奇怪的重复技巧而起作用)

var table = new Y.DataTable({
    columns: ['key', 'dot.notation'],
    data: [{
        // broken
        key: 'value',
        'dot.notation': 5
    }, {
        // broken
        key: 'value',
        dot: {
            notation: 5
        }
    }, {
        // displays
        key: 'value',
        'dot.notation': 5,
        dot: {
            notation: 5
        }
    }]
});

http://jsfiddle.net/dirkraft/ERk2d/

1 个答案:

答案 0 :(得分:1)

使用DataSchema是处理此问题的正确方法。我相信用于工作的虚线密钥版本,但随后版本3.5中的更改停止了此工作

YUI().use('datatable', 'datasource','datasource-jsonschema', function (Y) {

    var ds = new Y.DataSource.Local({
        source: [{
            // broken
            key: 'value',
            'dot.notation': 5
        }, {
            // broken
            key: 'value',
            dot: {
                notation: 5
            }
        }, {
            // displays
            key: 'value',
            'dot.notation': 5,
            dot: {
                notation: 5
            }
        }]
    });

    ds.plug({fn: Y.Plugin.DataSourceJSONSchema, cfg: {
    schema: {
        resultFields: [
            "key",
            {
                key:'foo',
                locator:'dot.notation'
            }
        ]
    }
}});

    var table = new Y.DataTable({
        columns: ['key', 'foo'],
        caption: 'Better Now'
    });
    table.plug(Y.Plugin.DataTableDataSource, {
        datasource: ds
    });
    table.render('#lolol');
    table.datasource.load();

});

http://jsfiddle.net/ERk2d/3/