Dojo datagrid父級爲innerHTML元素標識

Question

請注意，如果「if（true）」未切換爲false，則不顯示任何內容。換句話說，如果傳遞給數據網格構造函數的父節點是innerHTML元素ID，爲什麼沒有渲染？如果是這樣的話，有人可以讓我知道如何做到這一點嗎？

    
     
      @import "dojo/dijit/themes/tundra/tundra.css"; 
      @import "dojo/dojox/grid/resources/Grid.css"; 
      @import "dojo/resources/dojo.css" 
     
     
     
    
    
     dojo.require("dijit._Widget"); 
     dojo.require("dijit._Templated"); 
     dojo.require("dojox.grid.DataGrid"); 
     dojo.require("dojo.data.ItemFileReadStore"); 

     dojo.addOnLoad(function() 
     { 
      dojo.require('dojo.parser'); 
     }); 

     dojo.ready(function() 
     { 
      dojo.parser.parse(); 

      var top = "root"; 
      if (true) // '; 
       dojo.parser.parse(); 
       top = "first"; 
      } 

      // Create the data grid parameters. 
      var layout = 
      [ 
       { name: 'Name', field: 'name', width: '100px' }, 
       { name: 'Color', field: 'color', width: '100px' } 
      ]; 

      var dataStore = 
      { 
       data : 
       { 
        items : 
        [ 
         { name : 'John Doe', color: 'green' }, 
         { name : 'Jane Doe', color: 'red' } 
        ] 
       } 
      }; 

      var grid = new dojox.grid.DataGrid 
      (
       { 
        store: new dojo.data.ItemFileReadStore(dataStore), 
        clientSort: true, 
        structure: layout 
       }, 
       dojo.byId(top) 
      ); 

      grid.startup(); 
     }); 

    
     
     
    

Answer 1

HTML：

<div id="top"></div> 

的javascript：

dojo.require("dijit._Widget"); 
dojo.require("dijit._Templated"); 
dojo.require("dojox.grid.DataGrid"); 
dojo.require("dojo.data.ItemFileReadStore"); 
dojo.require('dojo.parser'); 
dojo.ready(function() 
{ 
    // Create the data grid parameters. 
    var layout = 
    [ 
     { name: 'Name', field: 'name', width: '100px' }, 
     { name: 'Color', field: 'color', width: '100px' } 
    ]; 
    var dataStore = { 
     data : 
     {items :[ 
     { name : 'John Doe', color: 'green' }, 
     { name : 'Jane Doe', color: 'red' } 
     ], 
     label:'name', 
     identifier:'color' 
     } 
    }; 

    var grid = new dojox.grid.DataGrid 
    (
     { 
     store: new dojo.data.ItemFileReadStore(dataStore), 
     clientSort: true, 
     structure: layout 
     }, 
     "top" // this id should be there in HTML . 
    ); 
});