問題タブ [ag-grid-react]

これは、「this._handleClick は関数ではない」ことを示しています。したがって、linkRenederer 内で this._handleClick を呼び出す方法

ロードする列とレコードがたくさんある ag-grid (無料の reactjs バージョン) があります。

一部の列は必要ないため、ユーザーは列をグリッドの外にドラッグできます (したがって非表示にできます)。これは問題ありませんが、ユーザーがページを更新せずに非表示の列を再度表示するにはどうすればよいでしょうか?

列のドラッグを抑制したくありません。リフレッシュせずに非表示を元に戻す方法です。

何かアドバイス？

いくつかの単純なダミー データを含む基本的な ag-grid がありますが、ライブラリで提供されている .css ファイルをインポートしない場合にのみ表示され、それでも正しく表示されません。

私のpackage.jsonからの抜粋：

私のReactコンポーネントから：コンストラクター：

render() から:

.css をインポートせずにこのコードを実行すると、次のようなごちゃごちゃしたグリッドが表示されます。

ここで、入門ガイドに従って css をインポートすると、次のようになります。

...その後、グリッドの一部は表示されません (グリッドの前の私の div のみ)。css をインポートすると、グリッドにテーマを割り当てたかどうかに関係なく、何も表示されません。

私はフロント エンド プログラミングにかなり慣れていませんが、アプリケーションの Web UI を構築するのを手伝っています。少し難しい機能を追加しようとしていますが、ほとんどの場合、すべてが何をするかについての基本的な考え方を理解するのに十分なほど学びました。

簡単に言うと、2 つの ag-grid があります (reactJS を使用)。メインのものはデータを保持し、フィルタリングすることができます。メインのものから列名を保持するだけでなく、適用されたフィルターを動的にリストする2番目のものを作成しようとしています. この 2 番目のグリッドは、ユーザーのアシスタント/ヘルパー グリッドのようなものです。

私の理解は、これまでの実装の途中で役立ちました (2 番目の ag-grid にメイン グリッドのすべての列ヘッダーを設定することができました)。

列見出しのデータは保存され、小道具から取得されました。次のようなもの：

rowData : this.props.report.view.columns

console.log(this.props.report.view.columns) を実行すると (Chrome 開発者ツールのコンソールを使用しています)、列情報を保持する 17 個のオブジェクトの配列が表示されます。以下に示す構造：

これは 17 個のオブジェクトの配列のように見え、それぞれが 2 つのキーと値のペアを保持しているように見えます。私がやりたいことは、3 番目のキーと値のペアを追加することです

フィルターが適用された列のみの key:value ペアを提供する別の小道具があります (つまり、列名が別のキー名で保存されている columnName:blah 、 filter:blahh )。

実装する予定の疑似コードは次のようになります。

最終的には、この 2 つのキーと値のペアの 17 個のオブジェクト配列を、3 つのキーと値のペアを持つ 17 個のオブジェクト配列に変更します。このようなことは可能ですか? もしそうなら、アドバイスをもらえますか？使用したプラン全体が間違っているのではないかと少し心配しています。先輩の同僚は、コールバックを使用する別の計画を使用することを提案しましたが、コードを大幅に変更しない限り、それがどのように可能になるかわかりませんでした (そのため、私は直感に固執しました)。