問題タブ [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.
angularjs - CellTemplate と Directive を使用した ng-grid のセル内の jQuery Sparkline
ng-grid の 1 つのセルの各行に jQuery Sparkline を表示しようとしています。列には数値配列データが含まれています。
Plunkr --> http://plnkr.co/edit/1eNEcx6FQWcJynlVYvFw?p=preview
これを実現するために、セル テンプレートでディレクティブを使用しています。
セル テンプレート:
指令:
リンク関数内で attrs.ngAgeData 値を取得するのが困難です。何が欠けているのかわかりません。助けてください!!!
ありがとう
angularjs - 単純な配列初期化による ng-options
Angular とng-options
.
単純な配列があり、それを使用して選択を開始したいと考えています。しかし、オプション値=ラベルが必要です。
script.js
html
私が得るもの:
私が欲しいもの:
だから私は試しました:
(しかし、うまくいきませんでした。)
編集:
私のフォームは外部から送信されるため、値として 0 ではなく 'var1' が必要です。
angularjs - angular.js と ng-grid でセルの変更を検出する
頭を悩ませましたが、ng-grid でセル データの変更を検出する方法がわかりません。次のスニペットは、save() を正しく呼び出す ng-change を使用していますが、キー付きエントリに対して呼び出されるため、必要なトリガーではありません。セルの編集がいつ完了するかを知る必要があります。
どんな助けでも大歓迎です。
angularjs - Angular-ui のツールチップが ng-grid で正しく表示されない
ng-grid にツールチップを表示するための解決策をしばらく探していましたが、うまくいきませんでした。セルをカスタマイズしてツールチップを含めるために ng-grid で cellTemplate を使用すると、さまざまな問題が発生しました。 .
私は何かを逃しましたか?ng-grid でツールチップをうまく表示するための解決策はありますか?
よろしくお願いします。
angularjs - angularjsのモデルの変更時にグリッドが更新されない
皆さん、
ng-grid を使用してアイテムのリストを表示しています。ユーザーがリスト内の行を再配置できるようにしたいと考えています。つまり、好きなように行を上下に移動します。
ただし、バックエンドでグリッド データを更新すると、つまり特定の行のインデックスを変更すると、その行はフロントエンドの場所を自動的に変更しません。
ここで何が欠けていますか?
問題を説明するプランカーを作成しました http://plnkr.co/edit/s1hrTSqF2zeZo3Btaln0
javascript - Angular ng-grid editableCellTemplateが例外をスローする
editableCellTemplate
ng-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 を設定しない場合、セルの編集は問題なく機能します。
なにが問題ですか?
(私が実際に解決しようとしている問題は、セル編集が終了したときにイベントを作成することですが、その解決策はセルテンプレートを設定できることを前提としています)
angular-ui - showColumnMenu の使用中に列を非表示にするときにイベントが必要
私は showColumnMenu=true; を使用しています。私のグリッドオプションで、グリッド内の列をフィルタリングします。列のチェックを外すと (つまり、列を非表示にして画像を参照)、イベントをトリガーしたいので、gridEvents を調べて、一度起動するイベント ngGridEventColumns を見つけました。つまり、いずれかの列のチェックを外すと、再度チェックを入れるか、または他の列のチェックを外すと発生します。columnMenyフィルターで列がチェックまたはチェック解除されるたびにイベントが発生するように、イベントまたは回避策はありますか
angularjs - ng-grid を動的に構成する方法
ユーザーがさまざまな構成のグリッドから選択できるようにするAngularjsアプリケーションのビューがあります。理想的には、以下に示すように、ng-grid ディレクティブに渡された値をモデル変数にバインドしたいと考えています。ただし、この例では、単純な文字列値が ng-grid に渡されたときに機能するマークアップをレンダリングします (つまり<div class="gridStyle" ng-grid="gridOptions1"></div>
、動的構成は失敗します。
ng-grid に別の構成を動的に受け入れる方法があるかどうか、またはこの制限の回避策があるかどうか、誰か教えてください。回避策があると思われるプロパティだけcolumnDefs
でなく、グリッドの複数のプロパティを再構成する必要があることに注意してください。data