dojo dgrid未渲染_Dojo_Dgrid - Fatal编程技术网

dojo dgrid未渲染

dojo

dojo dgrid未渲染,dojo,dgrid,Dojo,Dgrid,我是js框架的新手，目前正在试用Dojo，看看它是否最适合我们的项目。我正在努力使Dojo的工作正常进行。我尝试使用Dojo的dgrid。代码或多或少是从教程中直接获得的，我相信我也有所有的依赖项（如dgrid/xstyle和put selector）。但我仍然没有在页面上看到网格渲染。有人能帮我吗这是我的js设置（在tomcat中）这是我的代码（几乎是从教程部分直接提出来的）教程：你好，德格里德！多约孔菲格={ baseUrl:“js”， isDebug:true，//启用调试

我是js框架的新手，目前正在试用Dojo，看看它是否最适合我们的项目。我正在努力使Dojo的工作正常进行。我尝试使用Dojo的dgrid。代码或多或少是从教程中直接获得的，我相信我也有所有的依赖项（如dgrid/xstyle和put selector）。但我仍然没有在页面上看到网格渲染。有人能帮我吗

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

这是我的代码（几乎是从教程部分直接提出来的）


教程：你好，德格里德！
多约孔菲格={
baseUrl:“js”，
isDebug:true，//启用调试
async:true，//启用AMD加载程序
套餐：[
{
“名称”：“dojo”，
“位置”：“lib/dojo”
},
{
“名称”：“dgrid”，
“位置”：“lib/dgrid”
}   
]
};
require（[“dojo/parser”、“dgrid/Grid”、“dojo/domReady！”），函数（Grid）{
警报（“Hi”）；
风险值数据=[
{第一个：“鲍勃”，最后一个：“巴克”，年龄：89}，
{第一个：“瓦纳”，最后一个：“白人”，年龄：55}，
{第一个：“帕特”，最后一个：“萨贾克”，年龄：65}
];
var grid=新网格(
{ 
栏目：{
第一：“名字”，
姓：“姓”，
年龄：“年龄”
}
}“网格”）；
网格渲染（数据）；
});
高网格

下面是我看到的（我根本看不到网格，也没有js错误）。在网格中有“dojo/parser”，因为第一个要求不是网格。试一试

或

在加载dojo的脚本标记中，src属性不指向js/lib文件夹。尝试几件事，在您的设置中，您不需要添加包或baseUrl。就像psema4写的那样。另外：如果您想为小部件解析页面，还需要调用parser.parse（）；在你的职责范围内。我知道你现在拥有的东西不需要它，但当你以后添加小部件时，你会想为什么它不起作用。你确定浏览器控制台中没有错误吗？

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

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

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