2010-04-21 90 views
0

我正在使用spring-roo嘗試使用dojox.grid.DataGrid。該頁面呈現爲普通表格。爲什麼它不使用DataGrid? 謝謝! 史蒂夫spring-roo dojox.grid.DataGrid未呈現

<div xmlns:spring="http://www.springframework.org/tags" 
xmlns:c="http://java.sun.com/jsp/jstl/core" 
xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"><jsp:output 
omit-xml-declaration="yes" /> <script type="text/javascript"> 
dojo.require("dijit.TitlePane"); 
</script> <script type="text/javascript" 
src="&lt;c:url value=&quot;/resources/dojo/dojo.js&quot; /&gt;"> 

</script> <script type="text/javascript" 
src="&lt;c:url value=&quot;/resources/spring/Spring.js&quot; /&gt;"> 

</script> <script type="text/javascript" 
src="&lt;c:url value=&quot;/resources/spring/Spring-Dojo.js&quot; /&gt;"> 

</script> <script type="text/javascript"> 
dojo.require("dojox.grid.DataGrid"); 
dojo.require("dojox.data.CsvStore"); 
</script> 

<div id="_title"><spring:message var="app_name" 
code="application.name" /> <spring:message var="title" 
code="welcome.titlepane" arguments="${app_name}" /> <script 
type="text/javascript"> 
Spring.addDecoration(new Spring.ElementDecoration({ 
    elementId : '_title', 
    widgetType : 'dijit.TitlePane', 
    widgetAttrs : { 
     title : '${title}' 
    } 
})); 
</script> 

<h4>Title</h4> 
<table dojoType="dojox.grid.DataGrid"> 
<thead> 
    <tr> 
     <th field="fieldName" width="200px">Column Name</th> 
     <th field="fieldName" width="200px">Column Name</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>test1</td> 
     <td>test2</td> 
    </tr> 
    <tr> 
     <td>test3</td> 
     <td>test4</td> 
    </tr> 
</tbody> 
</table> 
</div> 
</div> 

回答

1

http://docs.dojocampus.org/dojox/grid/DataGrid#required-css文檔說你需要這個CSS:

<style type="text/css"> 
    @import "/moin_static163/js/dojo/trunk/dojox/grid/resources/Grid.css"; 
    @import "/moin_static163/js/dojo/trunk/dojox/grid/resources/tundraGrid.css"; 
    .dojoxGrid table { margin: 0; } html, body { width: 100%; height: 100%; 
    margin: 0; } 
</style> 

我用這裏面工作太:

<link rel="stylesheet" type="text/css" href="script/dojox/grid/resources/Grid.css" /> 
<link rel="stylesheet" type="text/css" href="script/dojox/grid/resources/tundraGrid.css" /> 
<style type="text/css"> 
    .dojoxGrid table { margin: 0; } html, body { width: 100%; height: 100%; margin: 0; } 
</style> 

在我的應用程序還與衝突我全球的CSS,我使用height來固定:999px而不是100%。

<table dojoType="dojox.grid.DataGrid" store="store1" 
       query="{ Title: '*' }" clientSort="true" 
       style="width: 100%; height: 999px;" rowSelector="20px">