0

我正在 Worklight 中开发一个使用 DOJO 的示例项目。在这个项目中，我试图在视图中生成一个表。最初我尝试使用“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 中以编程方式填充表。

任何帮助都将不胜感激。

4

2 回答 2

0

你只需要确保你已经导入了网格 css::

/dojox/grid/resources/claroGrid.css
于 2013-08-05T19:11:02.617 回答
0

你可以在 github.com 上获得 dgrid。dgrid 是一个轻量级、移动设备就绪、数据驱动的模块化网格小部件，专为与 Dojo 对象存储一起使用而设计。它有很多示例，您很快就会得到它。

于 2013-08-06T13:00:06.367 回答