問題タブ [ag-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
3185 参照

ag-grid - Tab キーを使用して ag-grid に入る

タブキーを使用してグリッドに入るには?

タブを宣言する html div に tabindex を設定することは可能ですが、div 全体にのみフォーカスします。最初の行の最初のセルに注目したいと思います。

個人的には、次のハックを思いつきましたが、より良い解決策を探しています。外部ライブラリは大歓迎です。

グリッドと単純な行に 1 つの列しかないため、このコードを改善して、すべての列および/または複数のレベルを持つ行のすべてのセルに潜在的なフォーカスを削除する必要があります。

私の指令の中で

コントローラー内部

github の既存の問題: https://github.com/ceolter/ag-grid/issues/183

0 投票する
2 に答える
768 参照

javascript - 角度グリッド コンポーネント形式のエクスポートされた列を変更する

コードで ag-grid コンポーネントを使用しており、CSV としてエクスポートするときに顧客のニーズに合わせて日付列がフォーマットされるようにしたいと考えています。現在、js Date オブジェクトのデフォルト形式が使用されています。コードは次の場所にあります。

https://github.com/ceolter/ag-grid/blob/master/src/ts/csvCreator.ts

コードに次の変更を直接加えることができますが、これは明らかに悪い習慣です。私は JavaScript にかなり慣れていないので、このようなライブラリの機能を拡張/オーバーライドする標準的な方法があるかどうか疑問に思っていました。

提案された変更 (これは、ts を使用する github バージョンではなく、js バージョンに加えた変更を示していることに注意してください):

0 投票する
1 に答える
1341 参照

javascript - 「生の」行データを ag-grid にロードする方法

高スループットの問題に取り組んでいます。私の目標は、少なくとも chrome ブラウザーで、1M の行で構成されるグリッドを表示することです。

これらの行は、同じマシンで実行されている Python サーバーから動的にフェッチされます。このサーバーは、データセット全体を既にメモリにロードしています。クライアント (ブラウザー) とサーバー (python) 間の通信は、websocket を介して行われます。グリッドにはオプションがありますvirtualPaging: true

これまでのところ、それぞれ 100 行のページを読み込んで、いくつかの良好なパフォーマンスに達しています。それにもかかわらず、最初に 1M データセット全体をロードすると (したがって、行のリモートフェッチなしで)、スクロールが大幅に改善されます (「白い行」効果はありません)。

データセット全体をブラウザーのメモリに保存せずに、同じパフォーマンスを実現したいと考えています。

私が試みる最初のステップは、いくつかの変換ステップを避けることです。クライアントはサーバーから配列の配列を受け取ります。これは、サーバー上の行モデルが「位置指定」であることを意味します (r一般的な行として指定され、r[0]最初の列、2 番目の列などに関連する要素r[1]です)。しかし、successCallbackag-grid のコールバック関数は、オブジェクトの配列を必要とします。つまり、各行は、列名に関連するキーを受け取ります (r一般的な行として与えられr["firstColumn"]、最初の列に関連する要素r["secondColumn"]、2 番目の列に関連する要素など) )。

2 番目のアプローチは、キーと値のメカニズムによって大量のメモリが浪費されるため、サーバーの観点からは完全に実行不可能です。これにより、クライアントが受信したページごとにローカル変換が必要になります。

私が必要としているのは、次のように、変換部分を回避するオブジェクトとしてではなく、行を配列として successCallback に渡す方法です。

どんな助けでも大歓迎です

0 投票する
3 に答える
17365 参照

angular - angular2 アプリケーションで ag-grid api を初期化する方法

typescript で angular2 を使用して構築されたアプリケーションに取り組んでいます。ag-grid を使用してグリッドにデータを表示していますが、グリッド API が見つかりません。

this.gridOptions.api のメソッドを実行しようとすると、「gridOptions.api が未定義です。ag-gridサイトに記載されている例は、typescript および angular2 では機能しません。

typescriptを使用してangular2でgridApiを初期化して使用するにはどうすればよいですか?

0 投票する
6 に答える
60808 参照

angular - angular2のagグリッドで選択した行のデータを取得するには?

angular2でag-gridをセットアップしましたが、これは正常に動作しますが、選択した行の値を取得できません...コンソールウィンドウにエラーはありません...これがグリッドを初期化する方法です...

そして、これは選択された値を取得するためのクラス内の私のコードです

コンソールウィンドウで選択した行のデータ/値を取得できるように、間違いを修正する方法を教えてください...

0 投票する
6 に答える
75274 参照

angular - 行の削除後に ag-grid をアップグレード/更新する方法は?

行を削除しようとしている ag グリッドがあります...「スプライス」手法を使用してデータ ソースから行を削除できます。その後、テーブルを更新します。しかし、エラーが表示されます。行を削除するために使用しているコード

このようなエラーが表示されています->未定義のプロパティ「refreshView」を読み取れません...行の削除後にテーブルに加えられた変更を監視するにはどうすればよいですか。

0 投票する
1 に答える
3924 参照

angularjs - ag-grid での複数のドロップダウン選択 (リンクを添付)

ドロップダウンから複数の値を選択できる ag-grid に列が必要です。すでに実装されているかどうかを確認するためにオンラインでグーグル検索しましたが、リンクは1つしか見つかりませんでした。

https://gist.github.com/gaborsomogyi/00f46f3c0ee989b73c92

誰かがそれを実装する方法を教えてもらえますか。例として完全なコードを示してください。

そこで共有されたコードは次のとおりです。