Question

我是js框架的新手，目前正在尝试Dojo，看看它对我们的项目是否最好。我正在努力让事情与Dojo合作。我尝试使用Dojo的dgrid。代码或多或少是从教程中直接提升的，我相信我也有所有的依赖（比如dgrid / xstyle和put-selector）。但是我没有看到网格渲染page.Can有人请帮帮我。

这是我的js设置（在tomcat中）

enter image description here 这是我的代码（几乎直接从教程部分升级）

    <html>
<head>
    <meta charset="utf-8">
    <title>Tutorial: Hello dgrid!</title>
    <!-- this configuration assumes that the dgrid package is located
         on the filesystem as a sibling to the dojo package -->

<!-- load Dojo -->

<script>
    dojoConfig ={
    baseUrl: "js",
    isDebug: true, // enables debug
    async: true, // enables AMD loader
    packages: [
        {
        "name": "dojo",
        "location": "lib/dojo"
        },
        {
        "name": "dgrid",
        "location": "lib/dgrid"
        }   
    ]
    };
</script>
<script src="dojo/dojo.js"></script>
<script>
require(["dojo/parser", "dgrid/Grid", "dojo/domReady!"], function(Grid){
            alert("Hi");
            var data = [
                        { first: "Bob", last: "Barker", age: 89 },
                        { first: "Vanna", last: "White", age: 55 },
                        { first: "Pat", last: "Sajak", age: 65 }
                    ];
            var grid = new Grid(
                    { 
                         columns : {
                                first: "First Name",
                                last: "Last Name",
                                age: "Age"
                            }
                    }, "grid");
            grid.renderArray(data);            
        });
</script>

</head>
<body class="slate">
    <div id="grid" class="slate"></div>
    Hi grid
</body>
</html>

这是我所看到的（我根本看不到网格，也没有js错误）。 enter image description here

Answer 1

在Grid中

有“dojo / parser”，因为第一个要求不是Grid。试试

require(["dojo/parser", "dgrid/Grid", "dojo/domReady!"], function(parser,Grid){

或

  require([ "dgrid/Grid", "dojo/parser","dojo/domReady!"], function(Grid){

dojo dgrid无法渲染

1 个答案: