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，這將讓你使用一個表THEAD和標題單元定義網格的結構。將其與OnDemandGrid或Pagination結合以獲得商店支持。

據我所知，gridx根本沒有類似的東西。