2009-09-20 3 views
0

J'utilise une structure de grille de données/table et les données apparaissent sur les en-têtes de colonne et deux cases à cocher s'affichent.Dojo Grid ne s'affiche pas correctement

<style type="text/css"> 
    @import "StyleSheet.css"; 
    @import "js/dojotoolkit/dijit/themes/pfga/pfga.css"; 
    @import "js/dojotoolkit/dojo/resources/dojo.css"; 
    @import "js/dojotoolkit/dojox/resources/Grid.css"; 
    @import "js/dojotoolkit/dojox/resources/tundraGrid.css"; 
    .dojoxGrid table { 
     margin: 0; 
    } 
</style> 

<script src="js/dojotoolkit/dojo/dojo.js" type="text/javascript" djConfig="parseOnLoad: true"></script> 
<script src="common.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    dojo.require("dojox.grid.DataGrid"); 
    dojo.require("dojox.data.XmlStore"); 
    dojo.require("dijit.form.FilteringSelect"); 
    dojo.require("dojo.data.ItemFileReadStore"); 
    dojo.require("dojo.date"); 

    var pageRef = 'l_events'; 
</script> 

<div id="pagehead" class="Heading1" >Upcoming Range Events - PF&amp;GA</div> 

    <input dojoType="dijit.form.FilteringSelect" store="monthStore" searchAttr="month" name="month" id="monthInput" class="pfga" /> 
    <br /> 
    <div id="grid" style="width:600px; overflow:visible; height:800px"> 
     <table id="eventGrid" dojoType="dojox.grid.DataGrid" style="width:600px; " store="eventStore" class="tundra"> 
      <thead> 
       <tr> 
        <th field="date">Date</th> 
        <th field="description">Description</th> 
       </tr> 
       <tr> 
        <th colspan="2" field="time">Time</th> 
       </tr> 
      </thead> 
     </table> 
    </div> 

+0

Avez-vous la classe toundra sur tout le corps de votre page? Ou juste la div grid? – seth

+0

La toundra est juste utilisée dans la division div –

Répondre

0

On dirait que mon problème était un simple chemin vers la grille et les fichiers css tundraGrid. Corrigé cela, résolu le problème.

+0

Comment avez-vous découvert que c'était un problème de chemin? Nous sommes confrontés au même problème ici. De l'aide? –

+0

Vous demander de publier les modifications à votre code, de sorte qu'il serait utile pour nous et les futurs lecteurs. –

+0

J'aurais épuisé toutes les autres possibilités, alors je l'ai regardé ligne par ligne. Il me manquait la partie quadrillée du chemin. @import "js/dojotoolkit/dojox/grid/ressources/Grid.css"; @import "js/dojotoolkit/dojox/grid/ressources/tundraGrid.css"; –

Questions connexes