2016-12-26 3 views
0

私は最初の反応アプリケーションを開発していますが、無限のスクロールオプションでデータグリッド用のさまざまな反応プラグインを実行しますが、Asynchronus Infiniteスクロールしてデータをテーブルビューで表示する反応アプリケーション

私は何を持っていると私は必要がある:

  • 私はサードパーティのAPIからユーザーの一覧を取得しています。
  • 一度に50人のユーザーだけがAPI経由でフェッチを記録します。
  • 私は約10000人のユーザーレコードを持っており、first_name、last_name、および編集/削除リンクを含む電子メールをテーブルビューで表示する必要があります。
  • ユーザーがwindow/divをスクロールするときに、リストに次の50人のユーザーを追加する必要があります。すべてのレコードが表示されるまで、そのユーザーが表示されます。
  • オプションをfirst_nameにソートして検索する必要があります。これにより、ユーザーはfirst_nameでユーザーをソート/検索できます。また、サードパーティのAPIへのajaxリクエストを介して行う必要があります。

これを達成するには、私に良いreactjsコンポーネント/プラグインを提案してください。

ありがとうございます!

答えて

1

react-data-gridに見てみましょう、それは私がreact-infinite-scrollerを使用し、正常に動作してい

+0

はい、私はすでにそれを見ており、すべてのデータが1回のAPI呼び出しでフェッチされた場合にのみ機能します。しかし、私のAPIは、一度に50レコードしか返しません。ユーザーがウィンドウまたはdivをスクロールダウンすると、毎回50レコード(すべてのレコードがフェッチされるまで)が必要です。また、私はこのプラグインでできると思うAPIのAJAXリクエストを使ってソート/フィルタリングが必要です。 –

+0

さて、私はあなたが必要とすることに何か問題は見られません。他の50個のレコードを取得してグリッドに追加するようにajaxリクエストを作成し続けることができます。フィルターについては、おそらくフロントエンドだけをフィルタリングしているので、別のリクエストを行う必要があります。別の結果でAjaxの戻り値を取得する場合は、カスタムフィルタを使用します。 –

1

を使用する機能の完全なと本当に簡単です。簡単に実装できます。

関連する問題