以编程方式创建Dojo DataGrid:"抱歉,发生错误." 布局问题？

Question

以编程方式创建Dojo DataGrid:"抱歉,发生错误." 布局问题？

我正在尝试使用从Web Service检索的一些数据创建DataGrid.在经历了很多痛苦后,我意识到问题不在数据中,也不在服务中.我能够以声明方式创建DataGrid,但我需要以编程方式进行,因为我将在更复杂的场景中执行此操作.

我从一个复杂的用例转到一个非常简单的用例,它仍然失败了.我所看到的只是DataGrid,但经典的"抱歉,发生错误"错误.

 +----------+----------------------------+
 | id       | name                       |
 +----------+----------------------------+
 |      Sorry, an error occurred         |
 |                                       |

Run Code Online (Sandbox Code Playgroud)

这是我的简化示例:

<html>
<head>
<link rel="stylesheet" href="MyCSS.css">
<script type="text/javascript" src="lib/dojo/dojo.js" charset="utf-8"></script>
<script>
    dojo.require("dojo.data.ItemFileReadStore");
    dojo.require("dojox.grid.DataGrid");
</script>
</head>

<body class="soria">
    <div id="node" style="width:650px;height:300px"></div>
    <script>
        var structure = [
            {field: "id", width: 20},
            {field: "name", width: 100}
        ];

        var data = [
            {"id": 1, "name": "John"},
            {"id": 2, "name": "Lucy"}
        ];

        var node = dojo.byId("node");
        var store = new dojo.data.ItemFileReadStore({
            data: data
        });
        var grid = new dojox.grid.DataGrid({
            store: store,
            structure: structure
        },
        document.createElement('div'));

        node.appendChild(grid.domNode);
        grid.startup();
    </script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我希望我错过了一些非常愚蠢的东西.控制台不显示错误.

有什么建议？

Answer 1

Mar*_*elo 5

问题是数据存储需要不同的格式:

 var store = new dojo.data.ItemFileReadStore({
  data: {items: data}
 });

Run Code Online (Sandbox Code Playgroud)

这解决了这个问题.

归档时间：	14 年，3 月前
查看次数：	4700 次
最近记录：	14 年，3 月前