firebase - Firebase 上的 jsgrid。如何将数据放在表格中

Question

如何使用 jsgrid 在表格上呈现数据，就像 jsgrid 使用的那样

我尝试按照本文档 https://firebase.google.com/docs/database/rest/retrieve-data#section-rest-reading-data-get所述检索数据

$.getJSON("/*url of databse*/.json",
function(data){
  clients = data;
  console.log(clients);
});


 $("#jsGrid").jsGrid({
        width: "100%",
        height: "400px",

        inserting: true,
        editing: true,
        sorting: true,
        paging: true,

        data: clients,

        fields: [
            { name: "Name", type: "text", width: 150, validate: "required" },
            { name: "Email", type: "number", width: 50 },

            { type: "control" }
        ]
    });

无论如何要在 jsgrid 中的表格上显示数据吗？

Answer 1

jsgrid 适用于任何 REST 服务，firebase 也不例外。

在您的示例中，数据加载是异步发生的，因此当网格初始化时，客户端数据尚未加载。要解决问题，请在以下位置初始化网done格$.getJSON：

$.getJSON("/*url of databse*/.json").done(function(data)
     // initialize grid here
)

值得注意的是，使用dataconfig 选项设置网格数据是针对静态场景的。更常见的方法是定义controller（http://js-grid.com/docs/#grid-controller）。