問題タブ [ng-grid]

ng-grid を使用する場合、サーバーとグリッドがあります。行をクリックすると、別のグリッドのデータが更新されます。しかし、これが発生すると、以前のデータはすべて消え、空白のグリッドが 1/2 秒間残ります。更新するには、$http.get を使用しています。

これを修正する方法はありますか？追加するとき

正常に更新されますが、他のページに移動できないため、これは解決策ではありません。更新なしでほぼ​​瞬時に更新したい。これは可能ですか？

ng-grids セルの編集可能なモードを 1 列のみのセルに制限することは可能ですか?
私は現在enableCellEditOnFocus: trueを使用しています。これにより、すべてのセルをグローバルに編集可能にすることができます。他のすべての列を「読み取り専用」にしたいので、1つの列に特定の editableCellTemplate があります。
angularjs と ng-grid を使用して最初の赤ちゃんの一歩を踏み出す初心者への提案はありますか?

これは、現在のグリッドの関連するセットアップです。

フィルターに依存するセル テンプレートを作成しましたが、フィルターが処理されません。

{field:'status', displayName:'Status', cellTemplate: 'cell/statusCellTemplate.html'}]セルは、テンプレートがある場所として定義されます

編集

レンダリングされたセルは<button class="btn btn-primary ng-scope ng-binding" ng-click="changeStatus(row.getProperty('id'),'STOPPED')">STOPPED</button>. 2 番目のパラメーターには STARTED が必要です。

Plunker : STOPPED をクリックすると、現在のステータスは STARTED になります。

3 つの異なるコンピューター (マシン列に示されている) からのメトリック (名前、値) を表示する 3 つの列 (名前、値、マシン) を持つ ng-grid があります。メトリックごとに 3 行を表示するのではなくgroups: ['name']、gridOptions に設定しました。ただし、集計行に値の合計を表示する方法がわかりません。各グループの行の値にアクセスして合計を計算する方法はありますか?

これは私が見たいものです（値列の集計行の7、10、4、6）：

ご協力いただきありがとうございます！

ステータスを変更するボタンがあります（STARTED / STOPPED）。ボタンは ng-grid のセルに作成されます。

{field:'status', displayName:'Status', cellTemplate: 'cell/statusCellTemplate.html'}]セルは、テンプレートがある場所として定義されます

<button class="btn btn-primary" ng-click="changeStatus(row.getProperty('id'),'{{row.getProperty(col.field) | switchStatus}}')">{{row.getProperty(col.field)}}</button>

Plunker では、初期状態が STOPPED であるため、レンダリングされたセルは

<button class="btn btn-primary ng-scope ng-binding" ng-click="changeStatus(row.getProperty('id'),'STARTED')">STOPPED</button>

次に、ボタンをクリックすると、期待どおりにステータスが切り替わり、レンダリングされたセルが

<button class="btn btn-primary ng-scope ng-binding" ng-click="changeStatus(row.getProperty('id'),'STOPPED')">STARTED</button>

しかし、ボタンをクリックしても、パラメーターが STOPPED に設定されているのに STARTED にスタックしている状態は切り替わりません。

問題を再現するプランカー。

編集：より良い例

最初の回答では、フィルターを削除することで機能しましたが、保持したいと思います。そこで、ボタンがレンダリングされ、ボタンをクリックするとデータの内容がインクリメントされる例を作成しました。最初のクリック後にカウンターがスタックします。

初期化：<button class="btn btn-primary ng-scope" ng-click="increment(1)">Increment</button>

クリック：<button class="btn btn-primary ng-scope" ng-click="increment(2)">Increment</button>

クリック:<button class="btn btn-primary ng-scope" ng-click="increment(2)">Increment</button>である必要がありますincrement(3)。

修正されたプランカー

たとえば、複数のタブがあり、角度ストラップを使用してそれを表示したいとします。ただし、各タブのコンテンツは、その特定のタブの ajax 呼び出しに基づいて動的です。理想的には、タブ ID から派生できます。

| | タブ 1 | タブ 2| タブ 3|

したがって、タブ 1 をクリックすると、サーバーへの呼び出しは /get/result/tab1_id/ になり、タブ 2 をクリックすると、サーバーへの呼び出しは /get/result/tab2_id になります。この結果を使用して、何とかng-grid。

Angular には多くの可能性がありますが、私は Angular に慣れていないため、さまざまな方法で物事を行うことができず、どれも得意ではありません。このようなことは、jtableなどを使用してjqueryですぐに実行できます..しかし、角度のあるjsを学ぼうとしています。

だから助けてください。

ありがとう＆よろしく ティン