如何在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对象存储一起使用。它有许多示例，您很快就可以得到。