Javascript OJET网格未显示

Javascript OJET网格未显示,javascript,java,html,Javascript,Java,Html,我第一次尝试OJET。这是一个gradle项目。 我有一个按钮(重定向到servlet)和一个oj数据网格。 运行gradlew appRun时,一切正常,但不显示网格。 这是我的密码: index.html <!DOCTYPE> <html> <head> <title>My Web Page</title> </head> <body> <form method="post" action="d

我第一次尝试OJET。这是一个gradle项目。 我有一个按钮(重定向到servlet)和一个
oj数据网格
。 运行
gradlew appRun
时,一切正常,但不显示网格。 这是我的密码:

index.html

<!DOCTYPE>
<html>
<head>
    <title>My Web Page</title>
</head>
<body>
<form method="post" action="dataServlet">
    <input type="submit" value="Click"/>
</form>
<div id="oj-grid-example">
    ABCD <br/>
    <oj-data-grid id="datagrid"
                  style="width:100%;max-width:234px;height:130px"
                  aria-label="Data Grid Cell Based Grid Demo"
                  data="[[dataSource]]">
    </oj-data-grid>
    <br/>EFGH
</div>
</body>
</html>
格雷德尔先生

plugins {
    id 'java'
    id 'war'
    id 'org.akhikhl.gretty' version '1.4.2'
}

sourceCompatibility = 1.8

repositories {
    mavenCentral()
}

dependencies {
    providedCompile 'javax.servlet:javax.servlet-api:3.1.0'
    testCompile group: 'junit', name: 'junit', version: '4.12'
}
输出

Click [Imagine this as a clickable button. This part of the code works]
ABCD 

EFGH
如输出所示,未显示数据网格

“gradle.build”中是否需要特殊配置?

我的错误

忘记添加要初始化的脚本标记:

<link href="css/libs/oj/v4.0.0/alta/oj-alta-min.css"
          rel="stylesheet"
          type="text/css"/>
<script data-main="js/main"
            src="js/libs/require/require.js">
</script>
<link href="css/libs/oj/v4.0.0/alta/oj-alta-min.css"
          rel="stylesheet"
          type="text/css"/>
<script data-main="js/main"
            src="js/libs/require/require.js">
</script>

愚蠢的我:)

不需要其他配置。

是否添加了要初始化的脚本标记?试试这个:-


<link href="css/libs/oj/v4.0.0/alta/oj-alta-min.css"
          rel="stylesheet"
          type="text/css"/>
<script data-main="js/main"
            src="js/libs/require/require.js">
</script>