問題タブ [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 投票する
2 に答える
897 参照

angularjs - モーダルでng-gridを正しく表示する

私はこのplnkrで遊んでいました:http://plnkr.co/edit/DRJtivCrxQy4s22ntsci

コントローラーは次のとおりです。

モーダルはファクトリ経由で作成されます:

[表示] をクリックすると、モーダル ウィンドウがポップアップ表示されます。その中に任意の配列を表示できるようにしたい。ng-grid が思い通りに動作しません。どうすればこれを達成できますか?

0 投票する
4 に答える
6495 参照

angularjs - angular ui-grid/ng-grid フィルターの変更頻度が高すぎる

サーバー側の並べ替え、サーバー側のページネーション、およびサーバー側のフィルタリングを使用して、Angular でグリッドを実装しようとしています。ui-grid (不安定) を使用して、ui.grid.paging を追加し、すべてを稼働させました。開発者に感謝します。

ただし.... $scope.gridApi.core.on.filterChanged はキーが押されるたびに発生するため、givenname 列で「Patrick」を検索すると、7 つのイベントが発生し、7 つの get-request がサーバーにヒットします。さらに悪いことに、私がフィルタリングしているのは大きなセットであるため、この操作はかなり高価であり、最も具体的なフィルターが最速の結果を取得するように、結果は互いに追い越し、あまり具体的でない結果が処理される前に成功を引き起こします。

「進入停止後に発火」のようにスローダウンさせたい。私は JavaScript と REST にかなり慣れていません。これは私の最初の現実世界のプロジェクトです。この問題を処理する方法についてのアイデアをいただければ幸いです。これは一般的なシナリオのように感じられるため、標準的なソリューションやベスト プラクティスが欠けている可能性があります。

あなたの、パトリック。

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

angularjs - Ng-grid の編集可能なグリッドをクリックしてもフォーカスされない

ユーザーが編集できるグリッドが必要です。また、できればグリッドから、データ セットに追加の行を追加できるようにする必要もあります。しかし、まず第一に、データを編集できる必要があります。

これにはプレーンな2ウェイバインディングを使用できると思いました。ただし、セルをクリックしても編集可能にはなりません。enableCellEdit:true を追加し、enableCellEditOnFocus も追加しようとしました。テンプレートを使用せずに、すべてのセルを編集可能にすることをお勧めします。セルには数値と日付が含まれています。

以下は、グリッドを渡すグリッドオプションです。

そして、ビュー内の私のグリッド:

ここに画像の説明を入力

0 投票する
3 に答える
4878 参照

javascript - Angular UI-Grid でデータを交換すると、データセットを外部で変更すると新しい列が表示されない

私が取り組んでいるクエリツールを持っています。これには、入力された角度のあるフォームがあり、送信されると、AJAX を使用して JSON が返され、それがui-gridにレンダリングされます。JSON 応答は次のようになります。

私は PHP と angular の両方に取り組んでいるので、必要に応じてこの JSON 応答を完全に制御できます。最初の AJAX 呼び出しからの JSON 応答がレンダリングされた後、同じページで別の別の AJAX 呼び出しを実行して新しいデータ セットを取得すると、問題が発生します。この新しいデータ セットは、どの列もレンダリングしません。元のデータセットにはありませんでした。どの列も同じではない場合、テーブルは基本的にクリアされるため、これは非常に問題があり、この単一ページ アプリの ui-grid に完全に異なるデータをロードする必要があることがよくあります。

JSON が受信されたら、ui-grid がバインドされjsonResult.resultsている古い$scope.myData変数に単純にバインドします。

この問題を分離するプランカーを作成しました。「パンク」列を含むデータセットが読み込まれ、「データの交換」をクリックすると、「パンク」ではなく「従業員」列を含むデータセットが読み込まれます。これまで、$watch を使用して $scope.myData 変数が変更されたときに更新またはリロードするディレクティブを調べ、$scope.columnDefs のようなものを見つけて ui-grid に知らせる方法を調べました。angular と javascript は比較的新しいので、ディレクティブはまだ頭を悩ませています。

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

angularjs - データベースから ui-grid のサブグリッドにデータを入力する方法

データベースからangularjs ui-gridのサブグリッドにデータを入力しようとしていますが、機能していませんこれはコードです

`var User = $resource('/rest/daybook/sales_registertest/:id/?app_name=DAYBOOK_NEW&fields=*', {}, { update: { method: 'PUT' }, query: { method: 'GET', isArray : 間違い } });

var User1 = $resource('/rest/daybook/salesdetailtest/:id/?app_name=DAYBOOK_NEW&fields=*', {}, { update: { method: 'PUT' }, query: { method: 'GET', isArray:間違い } });

$scope.gridOptions.data=data.record; }、関数(エラー){

});`

what i need to do is ,to get the sub-grid according to the id of the row in main grid from a different table. how can i achieve this ??