Как разработать таблицу сетки данных Dojox

Я хочу разработать таблицу сетки с использованием инструментария dojox, как показано здесь. Я сослался на это, но у меня не получилось. Я хочу иметь таблицу сетки Dojox в статической HTML-странице с явным импортом всех файлов CSS и JS. Я сделал это для таблиц jqGrid, но не смог сделать для таблицы сетки dojox. Добавлены ресурсы dojo.css,claro.cssclaroGrid.css,Grid.css,dojo.js на html-странице.

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Demo: dojox.grid.DataGrid View's defaultCell</title>
        <link rel="stylesheet" href="./css/dojo.css">
        <link rel="stylesheet" href="./css/claro.css">
        <link rel="stylesheet" href="./css/claroGrid.css">
        <link rel="stylesheet" href="./css/Grid.css">

        <script src="./js/dojo.js" type="text/javascript"></script>
    </head>
    <body class="claro">
<script>
    dojo.require('dojox.grid.DataGrid');
    dojo.require('dojo.data.ItemFileWriteStore');
    dojo.require('dijit.form.Button');
var itemList = [
        {alienPop: 320000,humanPop: 56000,planet: 'Zoron'},
        {alienPop: 980940,humanPop: 56052,planet: 'Gaxula'},
        {alienPop: 200,humanPop: 500,planet: 'Reiutsink'},
        ];

        dojo.addOnLoad(function() {

    var itemList = [
        {alienPop: 320000,humanPop: 56000,planet: 'Zoron'},
        {alienPop: 980940,humanPop: 56052,planet: 'Gaxula'},
        {alienPop: 200,humanPop: 500,planet: 'Reiutsink'},
        ];

    var store = new dojo.data.ItemFileWriteStore({
        data: {
            identifier : 'planet',

            items: itemList
        }
    });


    grid.setStore(store);

    });
    </script>
            <table id="myDataGrid" dojoType="dojox.grid.DataGrid" style="width:400px;">
        <thead>
        <tr><th field="planet" width="33%">Planet</th>
            <th field="alienPop" width="33%">Aliens</th>
            <th field="humanPop" width="33%">Humans</th>
        </tr>
        </thead>
    </table>
    </body>
</html>
Источник

1 ответ

Посмотрите документацию по додзё для Grid.

https://dojotoolkit.org/reference-guide/1.10/dojox/grid/DataGrid.html

Посмотрите на первый пример. Это создает простую сетку данных программно.

Источник
Другие вопросы по тегам