問題タブ [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.
ag-grid - Tab キーを使用して ag-grid に入る
タブキーを使用してグリッドに入るには?
タブを宣言する html div に tabindex を設定することは可能ですが、div 全体にのみフォーカスします。最初の行の最初のセルに注目したいと思います。
個人的には、次のハックを思いつきましたが、より良い解決策を探しています。外部ライブラリは大歓迎です。
グリッドと単純な行に 1 つの列しかないため、このコードを改善して、すべての列および/または複数のレベルを持つ行のすべてのセルに潜在的なフォーカスを削除する必要があります。
私の指令の中で
コントローラー内部
github の既存の問題: https://github.com/ceolter/ag-grid/issues/183
javascript - 角度グリッド コンポーネント形式のエクスポートされた列を変更する
コードで ag-grid コンポーネントを使用しており、CSV としてエクスポートするときに顧客のニーズに合わせて日付列がフォーマットされるようにしたいと考えています。現在、js Date オブジェクトのデフォルト形式が使用されています。コードは次の場所にあります。
https://github.com/ceolter/ag-grid/blob/master/src/ts/csvCreator.ts
コードに次の変更を直接加えることができますが、これは明らかに悪い習慣です。私は JavaScript にかなり慣れていないので、このようなライブラリの機能を拡張/オーバーライドする標準的な方法があるかどうか疑問に思っていました。
提案された変更 (これは、ts を使用する github バージョンではなく、js バージョンに加えた変更を示していることに注意してください):
javascript - 「生の」行データを ag-grid にロードする方法
高スループットの問題に取り組んでいます。私の目標は、少なくとも chrome ブラウザーで、1M の行で構成されるグリッドを表示することです。
これらの行は、同じマシンで実行されている Python サーバーから動的にフェッチされます。このサーバーは、データセット全体を既にメモリにロードしています。クライアント (ブラウザー) とサーバー (python) 間の通信は、websocket を介して行われます。グリッドにはオプションがありますvirtualPaging: true
。
これまでのところ、それぞれ 100 行のページを読み込んで、いくつかの良好なパフォーマンスに達しています。それにもかかわらず、最初に 1M データセット全体をロードすると (したがって、行のリモートフェッチなしで)、スクロールが大幅に改善されます (「白い行」効果はありません)。
データセット全体をブラウザーのメモリに保存せずに、同じパフォーマンスを実現したいと考えています。
私が試みる最初のステップは、いくつかの変換ステップを避けることです。クライアントはサーバーから配列の配列を受け取ります。これは、サーバー上の行モデルが「位置指定」であることを意味します (r
一般的な行として指定され、r[0]
最初の列、2 番目の列などに関連する要素r[1]
です)。しかし、successCallback
ag-grid のコールバック関数は、オブジェクトの配列を必要とします。つまり、各行は、列名に関連するキーを受け取ります (r
一般的な行として与えられr["firstColumn"]
、最初の列に関連する要素r["secondColumn"]
、2 番目の列に関連する要素など) )。
2 番目のアプローチは、キーと値のメカニズムによって大量のメモリが浪費されるため、サーバーの観点からは完全に実行不可能です。これにより、クライアントが受信したページごとにローカル変換が必要になります。
私が必要としているのは、次のように、変換部分を回避するオブジェクトとしてではなく、行を配列として successCallback に渡す方法です。
どんな助けでも大歓迎です
angular - angular2 アプリケーションで ag-grid api を初期化する方法
typescript で angular2 を使用して構築されたアプリケーションに取り組んでいます。ag-grid を使用してグリッドにデータを表示していますが、グリッド API が見つかりません。
this.gridOptions.api のメソッドを実行しようとすると、「gridOptions.api が未定義です。ag-gridサイトに記載されている例は、typescript および angular2 では機能しません。
typescriptを使用してangular2でgridApiを初期化して使用するにはどうすればよいですか?
angular - angular2のagグリッドで選択した行のデータを取得するには?
angular2でag-gridをセットアップしましたが、これは正常に動作しますが、選択した行の値を取得できません...コンソールウィンドウにエラーはありません...これがグリッドを初期化する方法です...
そして、これは選択された値を取得するためのクラス内の私のコードです
コンソールウィンドウで選択した行のデータ/値を取得できるように、間違いを修正する方法を教えてください...
angular - 行の削除後に ag-grid をアップグレード/更新する方法は?
行を削除しようとしている ag グリッドがあります...「スプライス」手法を使用してデータ ソースから行を削除できます。その後、テーブルを更新します。しかし、エラーが表示されます。行を削除するために使用しているコード
このようなエラーが表示されています->未定義のプロパティ「refreshView」を読み取れません...行の削除後にテーブルに加えられた変更を監視するにはどうすればよいですか。
angularjs - ag-grid での複数のドロップダウン選択 (リンクを添付)
ドロップダウンから複数の値を選択できる ag-grid に列が必要です。すでに実装されているかどうかを確認するためにオンラインでグーグル検索しましたが、リンクは1つしか見つかりませんでした。
https://gist.github.com/gaborsomogyi/00f46f3c0ee989b73c92
誰かがそれを実装する方法を教えてもらえますか。例として完全なコードを示してください。
そこで共有されたコードは次のとおりです。