0

私は js フレームワークの初心者で、現在 Dojo を試して、プロジェクトに最適かどうかを確認しています。Dojo をうまく機能させるのに苦労しています。Dojo の dgrid を使用してみました。このコードは、多かれ少なかれチュートリアルから直接離れたものであり、すべての依存関係 (dgrid/xstyle や put-selector など) もあると思います。 page.Can 誰かこれで私を助けてください。

これが私のjsセットアップです（Tomcatで）

ここに画像の説明を入力 これが私のコードです（チュートリアルセクションからほぼまっすぐに持ち上げます）

    <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エラーもありません）。 ここに画像の説明を入力

4

1 に答える 1