問題タブ [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.
java - ng-grid は rowHeight を更新しません
Html で rowHeight を変更する方法を見つけようと取り組んでいるので、異なる rowHeights を持つ複数の場所にディレクティブ A (グリッドを表示) を配置できます。最終的にそれが機能するようになると、Webページで更新されないことがわかりました。私が来たのは、ディレクティブB(値をhtmlからrowHeightに設定する)ということです
とにかく、ご覧のとおり、コントローラー BNotesCrtl を使用しており、これが ng-grid の私のオプションです。また、コンソール ログを使用すると、BNotesCrtl が 1 回実行されるまで、rowHeight の値が変更されないことがわかりました。その時までに、グリッドはすでに描画されており、更新できなくなります。手遅れになる前にオプションを更新できるように、ディレクティブを使用して BNotesCrtl を実行する方法はありますか?
angularjs - angularjs ディレクティブで ng-switch を使用し、ng-grid cellTemplate でそのディレクティブを使用する
次のディレクティブを作成しました。
次に、ng-grid を使用するグリッドで、値が 4 と 5 の 2 つの行を持つ列があります。この列の cellTemplate は次のとおりです。
問題は、両方の行に「No Data」と表示されることです。値が 4 のセルに「実際のデータ」を表示し、値が 5 のセルに「偽のデータ」を表示したいと思います。
私が正しくしていないことは何ですか?どんな助けでも大歓迎です。
angularjs - ディレクティブの再利用のための動的 ng モデル
1 つのコントローラーと 3 つのタブを含むページがあり、各タブには独自の ng-grid と、表示される行をフィルター処理するためのテキスト ボックス (組み込みのフィルター ボックスではありません) が表示されます。
各タブで使用するフィルター ボックス用に、この単純なディレクティブを作成しました (他のページで行ったように)。
これは filterTemplate.html です:
3 つの ng-grid ( $scope.gridOptions_1
、$scope.gridOptions_2
および$scope.gridOptions_3
) を作成し、それぞれがそのタブの適切なデータセットを参照しています。
私の質問は、どのようにディレクティブを変更して、vs. vs. vs. plain oldng-model
と指定できるようにするかということです。gridOptions_1.filterOptions.filterText
gridOptions_2.filterOptions.filterText
gridOptions_3.filterOptions.filterText
gridOption.filterOptions.filterText
これが私が試したものですが、成功しませんでした...
scope: { subgrid: '@subgrid' }
ディレクティブに追加- テンプレート ファイルを次のように変更しました。
ng-model="gridOptions{{subgrid}}.filterOptions.filterText"
ng-model="gridOptions[subgrid].filterOptions.filterText"
ng-model="gridOptions[scope.subgrid].filterOptions.filterText"
- マイページのディレクティブへの参照を次のように変更しました
<myGridFilter subgrid="_1"></myGridFilter>
gridOptions
また、他のページで一般的なケースのディレクティブを再利用できるようにしたいので{{subgrid||''}}
、テンプレートも試しましたが、取得方法がわかるまで、デフォルトのケース '' に対応しようとはしませんでした。最初に動的ng-model
作業...
あなたの助けと提案をありがとう!
angularjs - Angularjs を使用した CRUD ng-grid サンプル
ng-grid を使用するプロジェクトで CRUD を実行しようとしています。
それを達成するのに役立つサンプルが必要です。
誰にもアイデアはありますか?
angularjs - ngGrid データの並べ替えをクリアする
ng-grid から並べ替えデータを削除できるようにしたいと思います。以下の例では、「並べ替え」を押したときに並べ替えを削除したいと考えています。
私は ng-grid.js を読んでいて、ClearSortingData() という関数を見つけました。それを実装する方法がわかりません。
これがプランカーの例です。ありがとうございました。