Question

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

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

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

这是我的简化示例：

<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>

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

有什么建议吗？

Answer 1

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

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

解决了这个问题。

以编程方式创建Dojo DataGrid：“抱歉，发生错误。”布局问题？

1 个答案: