如何在Dojo 1.9中創建表

Question

我正在使用DOJO的Worklight中開發一個示例項目。在此項目中，我試圖在視圖中生成表。最初，我嘗試使用“ Datagrid”來顯示數據。

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中以編程方式填充表。

任何幫助表示贊賞。

Answer 1

您只需要確保已導入網格CSS ：：

/dojox/grid/resources/claroGrid.css

Answer 2

您可以在github.com上獲取grid。 dgrid是一個輕量級的，可移動的，數據驅動的，模塊化的網格小部件，旨在與Dojo對象存儲一起使用。它有許多示例，您很快就可以得到。