炎ベースのjsグリッド。 1 jsgridが</p> <p>を使用していますようにどのように私はテーブルの上にデータを提示するjsgridを使用することができます

Question

にテーブルの上にデータを置く方法を 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は例外ではありません。

例では、データのロードは非同期で行われるため、グリッドが初期化されると、クライアントデータはまだロードされません。この問題を解決するには$.getJSONのdoneにグリッドを初期化します。

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

ワースdata設定オプションを使用してグリッドデータを設定すると、静的なシナリオのためであることに注意します。より一般的な方法は、controller（http://js-grid.com/docs/#grid-controller）を定義することです。