問題タブ [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 投票する
2 に答える
14545 参照

angularjs - Ag-grid 表示行数

エンタープライズ バージョンをテストしていますが、ステータス バーの行にカスタム テキストを表示できるかどうかを知りたいですか? (ステータスバーが利用できない場合、代替手段はありますか?)

テーブルを表示したいX rows / Y total rows、またはそれが不可能な場合は、X rows

または Indicators: Blue - Manual Deposit, Red - Failed Deposit, Green - Success (この例では色を表示するカスタム スタイルを使用)

これは可能ですか?(ところで、Angular 1を使用しています)

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

angularjs - ag-grid でカスタム列を動的に追加する方法

ag-grid でカスタム列を動的に追加するために積み重ねています。私は次のアプローチを試みました。

私も試してみました

しかし、成功しませんでした。Data に存在する列を追加しようとしても失敗しました。以下は、私が試しているもののイメージです。 ここに画像の説明を入力

画像に示すように、「% dev」は、動的に計算された値で動的に追加する必要があるカスタム列です。

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

ag-grid - 別の行グループの次の編集可能なセルへのタブ ナビゲーションを有効にする方法は?

行グループを使用し、編集可能なフィールドを持つ ag-grid エンタープライズ 4.0.7 を使用してアプリケーションを構築しています。編集可能なセル間のキーボード ナビゲーションは不可欠です。

組み込みのタブ ナビゲーションは適切に機能しますが、行グループ内でのみ機能します。グループ内の最後の編集可能なセルに到達すると、Tab キーを押しても、次のグループ内の次の編集可能なセルにジャンプするのではなく、ページ上の関連のない要素にジャンプします。

ag-grid ドキュメント サンプルに基づく例を次に示します。アスリートの名前は編集可能で、タブで次のアスリートに移動できますが、1 つの国のみで使用できます: https://jsfiddle.net/pfhkf3bm/

これは意図した動作ですか?タブ ナビゲーションを拡張して、別のグループの次の編集可能なアイテムにジャンプする最もクリーンな方法は何ですか?

ありがとう!

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

javascript - キャッチされていない TypeError: 未定義のプロパティ 'setRowData' を読み取ることができません

私はag-gridでAngular 1.xを使用しています。まず第一に、エンタープライズ機能を有効にする方法がわかりません。エンタープライズの購入を計画しており、現在評価中ですが、サポートはかなり弱いです。

今、ElasticSearch からグリッドにデータをフィードしようとしている実際の問題です。ag-grid のデモのようにシミュレートしようとしています。ページサイズを変更すると、ES サーバーからデータが取得され、新しいページサイズの新しいデータセットがグリッドに供給されます。そのために、グリッドを更新しようとすると、任意のアクションで $scope.gridOptions.api.setRowData(data) を使用しています。つまり、setRowData です。「メソッドが未定義です」というエラーが表示されます。ページをロードするときに初めて機能します。

この問題を解決するにはどうすればよいですか? 何か不足していますか?

関数: これは、$scope.gridOptions.api.setRowData(data) を呼び出す関数であり、エラーが発生しています

「キャッチされていない TypeError: 未定義のプロパティ 'setRowData' を読み取ることができません」

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

angular - angular 2 別の *.ts コンポーネントへの参照

Angular 2 Hero Example を ag-grid SampleAppComponent に拡張しようとしています。車の価格を編集できる @input を使用して CarDetailComponent を作成しました。変更された車の価格値はバインドされ、変更はグリッドの RowData に反映されますが、グリッドに反映するには、グリッドに明示的な更新呼び出しが必要です。この呼び出しは、ユーザーが別の行をクリックしたときに含めました。次に、グリッドに価格の新しい値が表示されます。 CarDetailComponent @input の「onKey」関数内からリフレッシュ グリッド呼び出しが発生するようにします。私の問題は、CarDetailComponent から SampleAppComponent のインスタンスを参照できないことです。SampleAppComponentをparamにしてコンストラクタを試してみたのですが、「循環参照エラー」になりました。@Autowired も機能しませんでした: prop sampleAppComponent は未定義のままです。提供された手がかりは大きな助けになります。以下はコードです。 car-detail.component.ts :

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

javascript - ag-grid でデフォルトの最小および最大列幅を設定する方法

高度なデータ グリッドに ag-grid ライブラリを使用しています。

ag-grid ライブラリでは、「columnDefs」で「minWidth」および「maxWidth」属性を定義して、特定の列の最小幅と最大幅を設定できます。

しかし、各列のデフォルトの最小幅と最大幅を設定して、列のサイズ変更境界を設定するオプションはありますか?

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

html - AgGrid に html の「col」属性がありません

私は当初、各セル要素の列の相対インデックスを示す「col」属性を含む Ag-Grid の 2.3.5 バージョンを使用していました。「行」属性はまだ存在しているようです。バージョン 4.0.5 にアップデートした後、"col" 属性がコントロールから削除されたようです。この属性または同じ html インデックス機能を提供できる他の属性を置き換える方法はありますか。

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

javascript - ag-grid API は列フィルタリング ドロップダウンをサポートしていますか

データテーブルでは、個々の列検索 (入力の選択) をサポートしています。 (データテーブル) . ag-grid は、入力によるフィルター列とは別に、同様の機能をサポートしていますか。

ここに画像の説明を入力