Javascript 使用Alloy UI显示JSON数据

我只是尝试解析json数据，并使用AlloyUI的框架将其显示在datatable中

YUI().use(
    'aui-datatable', 'json-parse', 
    function(Y) {
        var columns = [
            { key: 'ID', sortable: true },
            { key: 'Name', sortable: true }
        ];
        var jsonstring = '{"info":['+
                     '{"ID":"100", "Name":"Roy"},'+
                     '{"ID":"200", "Name":"Moss"},'+
                     '{"ID":"300", "Name":"Jen"}'+
        ']}';
        try {
           data = Y.JSON.parse(jsonstring);
        }
        catch (e) {
            alert("Invalid data");
        }
        new Y.DataTable(
            {
                columns: columns,
                data: data
            }
        ).render("#mySearchResultsContainer");
    }

1） 如何将ID和名称映射到数据表中的列

2） 如何使用外部json文件中的数据实现这一点？

给您：

主要的问题是，传递到DataTable的数据需要是一个数组：传递的是对象。传入data.info可为其提供所需的阵列：

 new Y.DataTable(
        {
            columns: columns,
            data: data.info
        }
    ).render("#mySearchResultsContainer");

此外，我认为您需要以某种方式包含Alloy UI数据表脚本。我确实在JSFIDLE上做了，以使其正常工作（我还认为在jsfiddle上的YUI的较新版本也可能存在问题），但这不应该是其他地方的问题

---

在获取外部数据时，这取决于数据来自何处。但很可能您需要Y.io或类似文件来加载数据，并在数据返回时在回调函数中使用建表功能。

谢谢！我有这个确切的想法，并试图找到如何使用YUI合并数组的根。从来没有像n00b这样感觉