問題タブ [ag-grid-react]

これがサポートされていないのか、それともAg-Grid-Reactでこれをまだ理解していないのかはわかりません。

私の問題:ボタン コンポーネントを、小道具としてとを持つ行の削除列の下の各セルにレンダリングする必要があります。ボタンがクリックされたら、テーブルのデータから現在の行を削除する Redux アクションをディスパッチする必要があります。onClicklabel

列定義:

ボタン コンポーネント:

コンポーネントはに割り当てられているにもかかわらず、とにアクセスできますが、Buttonクリックに応答しません。onClickcellRendererParamsthis.props.labelthis.props.onClick

rowのように見えるので、この場合、ハンドラーundefinedの選択された行データを取得する最良の方法は何ですか?onClick

これを行う最善の方法は何ですか？あなたが貸すことができるどんな助けにも感謝します:)

<AgGridReact>プロパティとして定義されたイベント リスナーを取得し、これをonGridReadyコールバックに追加しました。

いずれにせよ、evtオブジェクトは空です (空のオブジェクトであり、未定義ではありません)。これは予期された動作ですか、それとも何か間違ったことをしていますか? ドキュメント ( https://www.ag-grid.com/javascript-grid-events/ ) は、何を期待するかについて何も述べていません。

特定の列に richSelect ドロップダウンが使用されている ag-grid リーチ ベースのアプリケーションがあります。一部の richSelect 列では、ドロップダウンの値は ID に基づく必要があります。

私の JSON データは次のようになります。

私のcolDefsは次のようになります。

問題は、MIT の行で、ユーザー リストに Alex と Barbara のみを含めることです。同様に、Berkeley の場合、Samantha と Amanda のみを含めるには User の richSelect が必要です。

ここでユーザーリストはcollegeIdに依存します。getValues() では、すべてのユーザーを取得できますが、collegeId の一致に基づいて取得する方法がわかりません。

私は、アプリケーションの reactjs/redux の世界は初めてです。左側に名前のリストがあり、右側に選択した名前の詳細が表示されるページ レイアウトで Web アプリケーションを作成しています。

redux を使用して、リストから名前が選択されると、アプリケーションは ajax 呼び出しをディスパッチして詳細を取得します。これにより、最終的に選択した詳細で redux 状態が更新され、詳細コンポーネントが情報で更新されます。

名前のリストは ag-grid を使用して作成されるため、選択した項目を強調表示できます。ただし、redux 状態が更新されると、すべてのコンポーネントが再レンダリングされたように見え、リストで選択された項目が選択されなくなります。一般に、名前のリストの状態は、ページが読み込まれると初期状態に戻ると思います (つまり、リストがフィルター処理された場合、フィルター処理は解除されます)。

アイテムを選択する前に、選択したアイテム (および実際にはそのリストで行われた他のすべて) を維持するにはどうすればよいですか? redux 状態でも grid 状態を維持しなければならないとほとんど考えていますが、そうですか? それが私が持っている唯一のオプションですか？

コンポーネントの構造は、NameTable と NameDetails という 2 つの子を持つコンテナー コンポーネント (WSContainer) です。

最新の ag-grid (7.2.0) に更新したところ、すべてのページで console.log メッセージが表示されるようになりました。「visible = false」と表示され、rowContrainerComponent.js ファイルから来ているように見えます。

他の誰かがこの問題を抱えていますか?コンソール ログをオプトアウトする方法はありますか?それとも、更新が行われるまでパッケージを変更する必要がありますか?