問題タブ [ng-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 に答える
3129 参照

angularjs - CellTemplate と Directive を使用した ng-grid のセル内の jQuery Sparkline

ng-grid の 1 つのセルの各行に jQuery Sparkline を表示しようとしています。列には数値配列データが含まれています。

Plunkr --> http://plnkr.co/edit/1eNEcx6FQWcJynlVYvFw?p=preview

これを実現するために、セル テンプレートでディレクティブを使用しています。

セル テンプレート:

指令:

リンク関数内で attrs.ngAgeData 値を取得するのが困難です。何が欠けているのかわかりません。助けてください!!!

ありがとう

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

angularjs - 単純な配列初期化による ng-options

Angular とng-options.

単純な配列があり、それを使用して選択を開始したいと考えています。しかし、オプション値=ラベルが必要です。

script.js

html

私が得るもの:

私が欲しいもの:

だから私は試しました:

(しかし、うまくいきませんでした。)

編集:

私のフォームは外部から送信されるため、値として 0 ではなく 'var1' が必要です。

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

angularjs - angular.js と ng-grid でセルの変更を検出する

頭を悩ませましたが、ng-grid でセル データの変更を検出する方法がわかりません。次のスニペットは、save() を正しく呼び出す ng-change を使用していますが、キー付きエントリに対して呼び出されるため、必要なトリガーではありません。セルの編集がいつ完了するかを知る必要があります。

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

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

angularjs - Angular-ui のツールチップが ng-grid で正しく表示されない

ng-grid にツールチップを表示するための解決策をしばらく探していましたが、うまくいきませんでした。セルをカスタマイズしてツールチップを含めるために ng-grid で cellTemplate を使用すると、さまざまな問題が発生しました .

私は何かを逃しましたか?ng-grid でツールチップをうまく表示するための解決策はありますか?

よろしくお願いします。

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

angularjs - angularjsのモデルの変更時にグリッドが更新されない

皆さん、

ng-grid を使用してアイテムのリストを表示しています。ユーザーがリスト内の行を再配置できるようにしたいと考えています。つまり、好きなように行を上下に移動します。

ただし、バックエンドでグリッド データを更新すると、つまり特定の行のインデックスを変更すると、その行はフロントエンドの場所を自動的に変更しません。

ここで何が欠けていますか?

問題を説明するプランカーを作成しました http://plnkr.co/edit/s1hrTSqF2zeZo3Btaln0

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

javascript - Angular ng-grid editableCellTemplateが例外をスローする

editableCellTemplateng-grid で ColumnDef オプションを設定しようとしています (ここに文書化されています)。

設定すると、デフォルト値の であっても<input ng-class="'colt' + col.index" ng-input="COL_FIELD" />、セルをクリックするとすぐにエラーが発生します

エラー: コントローラーがありません: nodeLinkFn ( http://foo.com:43037/Scripts/angular . js:4361:35 ) compositeLinkFn ( http://foo.com:43037/Scripts/angular.js:3969:15 ) で、compositeLinkFn ( http://foo.com:43037/Scripts/angular.js:3972: 13 ) オブジェクトの publicLinkFn ( http://foo.com:43037/Scripts/angular.js:3874:30 )。( http://foo.com:43037/Scripts/ng-grid-2.0.7.js:2660:13 ) Object.applyFunction [as fn] (:778:50) で Object.Scope.$digest ( http ://foo.com:43037/Scripts/angular.js:7896:27 ) Object.$delegate で。プロト.$digest (:844:31) <input ng-class="'colt' + col.index" ng-input="row.entity.Name">

editableCellTemplate を設定しない場合、セルの編集は問題なく機能します。

なにが問題ですか?

(私が実際に解決しようとしている問題は、セル編集が終了したときにイベントを作成することですが、その解決策はセルテンプレートを設定できることを前提としています)

0 投票する
0 に答える
406 参照

angular-ui - showColumnMenu の使用中に列を非表示にするときにイベントが必要

私は showColumnMenu=true; を使用しています。私のグリッドオプションで、グリッド内の列をフィルタリングします。列のチェックを外すと (つまり、列を非表示にして画像を参照)、イベントをトリガーしたいので、gridEvents を調べて、一度起動するイベント ngGridEventColumns を見つけました。つまり、いずれかの列のチェックを外すと、再度チェックを入れるか、または他の列のチェックを外すと発生します。columnMenyフィルターで列がチェックまたはチェック解除されるたびにイベントが発生するように、イベントまたは回避策はありますかここに画像の説明を入力

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

angularjs - ng-grid を動的に構成する方法

ユーザーがさまざまな構成のグリッドから選択できるようにするAngularjsアプリケーションのビューがあります。理想的には、以下に示すように、ng-grid ディレクティブに渡された値をモデル変数にバインドしたいと考えています。ただし、この例では、単純な文字列値が ng-grid に渡されたときに機能するマークアップをレンダリングします (つまり<div class="gridStyle" ng-grid="gridOptions1"></div>、動的構成は失敗します。

ng-grid に別の構成を動的に受け入れる方法があるかどうか、またはこの制限の回避策があるかどうか、誰か教えてください。回避策があると思われるプロパティだけcolumnDefsでなく、グリッドの複数のプロパティを再構成する必要があることに注意してください。data

プランカー: http://plnkr.co/edit/mdXrq6?p=preview