問題タブ [angular-ui-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 に答える
1491 参照

angularjs - 範囲スライダーを使用した ui-grid[ng-grid 3.0 以前] のフィルタリング

範囲スライダーで標準の ui-grid [ng-Grid 3.0] をフィルタリングしたい。チュートリアル セクションで、from to interval テキスト入力フィルターを見つけましたが、範囲スライダーからの angularjs 値にバインドできません。何か案は?

または、(もう一度) コードを ng-Grid < 3.0 に戻します。ここでそれを行う方法についてのアイデア (filteroptions.filtertext.

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

javascript - Angular UI グリッドでソートされた行にアクセスするには?

Angular UI Gridを使用してデータを表示しています。並べ替えが有効になり、初期化され、単一の行が選択されます。

行を選択することができ、行は構成に従って「名前」列で昇順にソートされます。

UI グリッド チュートリアル 210に示されているように、データが読み込まれてグリッドに追加された後、最初の項目を自動的に選択するロジックを追加しました。

しかし、このコードはソートされていないデータの最初の項目を選択しています。私のグリッドには約 500 個のアイテムがありますが、これはそれほど多くはありませんが、パフォーマンスは良好ですが、この場合、選択されたアイテムはどこかにあり、見えません。

行または UI グリッドの並べ替えられたデータに直接アクセスするオプションはありますか?

外部並べ替えがその問題を解決できることはわかっています。なぜなら、既に並べ替えられたデータをグリッドに割り当てるからです。しかし、これは不必要なオーバーヘッドのように思えます...

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

angularjs - UI Grid 3.0 を使用したブール値のフィルタリング

ui-grid 3.0 でブール値をフィルタリングしたい。チュートリアルでは、テキスト フィールド以外のフィールドで値をフィルター処理する方法が見つかりませんでした。ブール値には、チェックボックスまたは標準の HTML 選択の方が便利ですが、これを実現する方法はありますか?

0 投票する
5 に答える
55552 参照

javascript - angular-ui-gridで特定の値の行に色を付ける方法は?

新しい angular-ui-grid 3.0 rc12 の値に応じて行に色を付けようとしていますが、できませんでした。次のコードは、以前のバージョン (ngGrid) で機能していました。

および対応する css:

ここでの問題は、次の式です。

ngGrid のように機能しなくなりました。angular-ui-grid ( ui-grid.info )で同じことを達成する方法の推測

どうもありがとう!

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

angularjs - セルの ui.grid.edit に対する AngularJS ui.grid での検証の追加と表示

ui.grid を利用する AngularJS アプリケーションがあります。セルの編集時に検証エラーを有効にして表示したい。これは「editableCellTemplate」を介して実装できると思います。

$scope.gridOptions.columnDefs問題の編集可能なセルについて私が持っているものは次のとおりです。

ng-showしたがって、おそらく上で明らかなように、スパンをセルの編集入力にリンクする方法がわかりません。Inspect Element を使用すると、ng-invalid-minlengthクラスが に追加されていることがわかりinput、セルが赤くなります。したがって、検証が開始されます。表示されているスパンが見えません。どうすればそれを示すことができますか?

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

ng-grid - ui-grid のセルをカスタム テンプレートでレンダリングできますか?

免責事項: UI-Grid は初めてです

ui-grid のドキュメントによると、 class を提供することでセルのスタイルを設定できます。

しかし、特定のセルのテンプレートを選択することは可能ですか? クラスのスタイルだけでなく、それ以上のことをしたいと思っています。

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

jquery - 選択された角度の ui-grid セルの div id

angular ui-grid ( http://ui-grid.info ) を試していますが、選択したセルの div ID を指定する方法がわかりません。セルをクリックすると強調表示されますが、クリック時にjqueryイベントが必要です(ポップアップ...情報...テキスト...など)

これは元のセルの選択です:

次のようなものを取得できるかどうか疑問に思っています:

コード:

私のグリッドの画像例: ここに画像の説明を入力

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

ng-grid - ng-grid/ui-grid celltemplate をクリックすると、行が選択されます。

ahrefリンクにcelltemplateを使用すると、RowSelectionが有効になっているため、リンクをクリックすると行が強調表示されます...しかし、リンクをクリックしたときに行を強調表示したくありません..行がリンク以外の場所でクリックされた場合のみ.

また、下の例の図では、小さな矢印を削除して、その列にメニュー項目が表示されないようにするにはどうすればよいですか?

コード:

写真: ここに画像の説明を入力