spring-roo dojox.grid.DataGrid non rendu

Question

J'utilise spring-roo en essayant d'utiliser dojox.grid.DataGrid. La page s'affiche comme un simple tableau. Pourquoi n'utilise-t-elle pas DataGrid ? Je vous remercie. Steve

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

Answer 1

La documentation à l'adresse http://docs.dojocampus.org/dojox/grid/DataGrid#required-css dit que vous avez besoin de cette 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>

J'ai utilisé ceci, qui a également fonctionné :

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

Dans mon application, j'ai également eu un conflit avec mon code source global que j'ai corrigé en utilisant height : 999px au lieu de 100%.

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