2013-08-05 84 views
0

我正在開發一個使用DOJO的Worklight中的示例項目。在這個項目中,我試圖在視圖中生成一個表格。最初我嘗試使用「Datagrid」,這裏數據顯示不正確。如何在dojo 1.9中創建表格

JS文件

data = [ 
       { abbr:'ec', name:'Ecuador', capital:'Quito' }, 
       // ... array of data ... 
      ]; 
      // create an object store 
      var objectStore = new dojo.store.Memory({ 
       data: data 
      }); 
      grid = new dojox.grid.DataGrid({ 
       // use the adapter to give the grid a Dojo Data compliant interface to the store 
       store: dojo.data.ObjectStore({objectStore: objectStore}), 
       structure: [ 
        {name:"Country", field:"name", width: "150px"}, 
        {name:"Abbreviation", field:"abbr"}, 
        {name:"Capital", field:"capital"} 
       ] 
      }, "grid"); 
      grid.startup(); 

HTML

<div data-dojo-type="dojox.mobile.ScrollableView" id="View1" 
     data-dojo-props="selected:false,scrollDir:'v'"> 
     <div data-dojo-type="dojox.mobile.Heading" 
      data-dojo-props="label:'Details',fixed:'top'"></div> 

<div id="grid"></div> 



     <div data-dojo-type="dojox.mobile.Heading" 
      data-dojo-props="fixed:'bottom'"></div> 
    </div> 

這裏的數據顯示,但是,列標題的頂部。

是否有任何其他方式在dojo中以編程方式填充表。

任何幫助是appretiated。

回答

0

你只需要確保你已經導入了網格CSS ::

/dojox/grid/resources/claroGrid.css 
0

你可以在github.com得到dgrid。 dgrid是一個輕量級,移動就緒,數據驅動的模塊化網格小部件,設計用於Dojo對象存儲庫 它有很多示例,您可以很快得到它。