例: モーダルで表示されるテーブル 検索ボタンをクリックすると、Java アプリケーションに既存の機能があります。モーダル ウィンドウ (データ テーブル グリッドのような) がポップアップし、データをテーブル形式で表示します。テーブルからのレコードは、既存のフォームで選択されます。ReactJs と react-bootstrap を使用してこれを達成する方法は? この要件をインポートして作業するライブラリはありますか? ドロップダウンのフィルタリング、並べ替え...
Col1 Col2 Col3 +ADD 行 --- ---- ----
行を選択した場合.. Col1 Col2 Col3 -Del 行
Ok。行を選択すると、値がメインフォームに表示されます
ここでの主な競合相手は次の 2 つだと思います。
ReactDataGrid、別名 react-data-grid およびhttps://facebook.github.io/fixed-data-table/
少なくとも、react-data-grid の場合は、求められている機能をサポートしていますが、統合するための作業があります。ユーザーが並べ替えとフィルター処理を要求できるようにする UI を提供しますが、イベントに応じて実際にデータを並べ替えてフィルター処理する必要があります。インプレース編集を可能にする UI をサポートし、行を動的に追加できますが、UI にボタンを追加して、適切な方法でそれらに応答する必要があります。
React では、モーダル ダイアログからオブジェクトの詳細なフォーム ビューに戻る選択は、通常、reduxやreact-reduxなどのストアを介して行われます。
これらすべてをゼロから起動して実行するのは簡単な作業ではなく、少なくとも数日はかかります。