react-virtualized

1熱

1答えて

をレンダリングして、react-bootstrap Panelsの配列を渡しました。子パネルの1つがクリックされるたびに、各行を測定し、子コールバックを介して、親状態の属性が更新されます。この属性は、そのパネルが現在展開されているかどうかを確認するために、react-virtualized ListrowHeight()関数の内部で使用されます。次にrefを私のListに使って、私はとforceU

0熱

2答えて

反応し、仮想化されたデータテーブルの例は

私はここに著者の例で示すように、単純なデータテーブルを実装しようとしています：example ... export default class TableExample extends Component { static contextTypes = { list: PropTypes.instanceOf(Immutable.List).isRequired }; ... 私は無

9熱

1答えて

InfiniteLoaderとWindowScrollerをどのように組み合わせることが可能ですか？

無限のスクロールリストを作成するにはどうすればよいですか？（Facebookタイムラインと同じ - Mock up）？以下は試したコードですが、期待どおりに動作しません。最初の項目のみが表示され、その後は何も表示されません。 <div className={styles.WindowScrollerWrapper}> <InfiniteLoader isRowLoaded

0熱

2答えて

複数のグリッドとコレクションを持つScrollSyncで最後の子をスクロールできない

タイムラインコンポーネントを開発しようとしています。これは、問題を実証することのバージョン取り除かれる： https://jsfiddle.net/mauron85/5vverasn/ これは、2つの日付（2007年1月30日 - 2007年1月31日）の間に48時間の間隔をレンダリングする必要があり、テーブルのヘッダーにと宅配ルート（四角のカスケードとして表示）、宅配作業時間、テーブル本体の縞模

4熱

1答えて

1つのアイテムがサイズを変更したことをListコンポーネントに通知する方法？

反応仮想化を使用してアイテムのリストを表示したいのですが、アイテムの中にはサイズを変更するものがあります。私は、各項目がボタンを持っていると、誰かがボタンをクリックすると、アイテムが低く、以下の項目を拡張し、プッシュする必要がデモを、追加しました： https://plnkr.co/edit/GG2bSIC5M1Gj7BR1pOii ユースケースは、Facebookの投稿に似ています、誰かがコメ

0熱

1答えて

React-VirtualizedのInfiniteScroll/Gridフェッチをどのようにデバッグできますか？

ドキュメントの基本パターン（https://github.com/bvaughn/react-virtualized/blob/master/docs/InfiniteLoader.md#infiniteloader-and-grid）に続いて、React Virtualized InfiniteList/Gridの組み合わせがあります。それは2つのことを除いて、素晴らしい作品：私が代わりに追

1熱

1答えて

loadMoreRowsがロード時に呼び出されない

InfiniteLoaderを実装する次の例はTableです。問題は、ロード時またはコンポーネントのマウント時にloadMoreRowsが呼び出されないことです。しかし、私は手動でAPI呼び出しを実行し、結果をpropsに渡すと、startIndex 0でloadMoreRowsが呼び出され、同じAPIコールが2回発生します。 import React = require('react'); i

0熱

1答えて

未定義インデックスが呼び出され

I（dBでログの数）は、公知の多数のTablerowCount設定さTableとInfiniteLoaderとのバッチのサイズにInfiniteLoaderrowCountを実装する次の例を持っています私が取ったログ。私はこれが必要なので、ユーザーはスクロール高さに基づいてどれくらいのデータがあるかを知っています。それ以外の場合は、最後までスクロールして、さらにログがロードされているかどうかを確認

0熱

1答えて

React virtualized - リストの底を埋める

リストの末尾にパディングボトムを追加する方法があるのだろうかと思っていました。私は、リストの上に、一番下の、材料フローティングボタンを持っているので、これが必要です。したがって、ユーザーがリストの最後に移動した場合、そのパディングは最後の項目を保存してボタンから保護します。

0熱

1答えて

React Virtualized：同じ固定高さであるが幅が異なるセルを持つコレクション

React VirtualizedのCollectionコンポーネントを使用して問題を解決できるのであれば、少し混乱します。私は自分が何をしているのかを説明しようとします：私はページ上でReact Virtualizedを使って2つのリスト/アイテムのコレクションを表示しています。最初のコレクションはかなりまっすぐ進むと、実装が容易だった：私は、同じ幅と高さを持っているアイテムを持っている最初