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也不例外。

在您的示例中，数据加载是异步发生的，因此在初始化网格时，客户端数据尚未加载。要解决此问题，请在import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, NavigatorAndroid, } from 'react-native'; import SearchPage from './SearchPage'; class PropertyFinder extends Component { render(){ return ( <NavigatorAndroid style={styles.container} initialRoute={{ title: 'Property Finder', component: SearchPage, }}/> ); } } const styles = StyleSheet.create({ container: { flex: 1, } }); AppRegistry.registerComponent('PropertyFinder', () => PropertyFinder);的{{1}}上初始化网格：

done

值得注意的是，使用$.getJSON配置选项设置网格数据适用于静态方案。更常见的方法是定义$.getJSON("/*url of databse*/.json").done(function(data) // initialize grid here )（http://js-grid.com/docs/#grid-controller）。

firebase上的jsgrid。如何将数据放在桌子上

1 个答案: