dojo - Dojo dGrid 或 GridX 是否可以与标准 HTML 表格一起使用而不重写表格代码

Question

我正在开发需要使用 Dojo 网格的应用程序，但我想自己编写表格布局的 HTML 并使用 Dojo 插入商店数据。

dGrid 或 GridX 有没有办法实现这一点，或者有没有办法使用 Dojo 存储动态构建表/网格？

Answer 1

如果您问 dgrid 或 gridx 是否可以直接将数据推送到现有的表格元素中，答案是否定的。您可以通过调用该query方法并为每个结果添加一行来直接使用 dojo/store 执行此操作。

这是一般的想法：

var columnFields = [...];
store.query().forEach(function (item) {
    var row = domConstruct.create('tr');
    for (var i = 0, len = columnFields.length; i < len; i++) {
        var cell = domConstruct.create('td', {}, row);
        // Add the field value to a text node rather than setting as innerHTML
        // to avoid unwanted tag injection
        cell.appendChild(document.createTextNode(item[columnFields[i]));
    }
    tbody.appendChild(row);
});

使用 dgrid 最接近这个想法的是dgrid/GridFromHtml，它可以让您使用包含标题和标题单元格的表格来定义网格的结构。将其与OnDemandGrid或Pagination结合起来以获取商店支持。

据我所知，gridx 根本没有类似的东西。