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

angularjs - AngularJS ngGrid テキストの配置

セルのテキスト値を中央/右に揃える方法はありますか? ありがとうございました。

これはplnkrの基本的な例です。

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

css - Ng グリッドはセルのパディングを取り除きます

これまでのところ、セルのパディングを 0 に変更しようとしましたが、ng-grid は 5 ピクセルにしたいと考えています。私はもともと、次の定義で test という名前の css クラスを作成しました

次に、ng-grid が ngCellText というクラスでそれをオーバーライドしていることがわかったので、インライン css を上書きする唯一の方法は重要なものを追加することです

これもうまくいきませんでした。ちなみに、私の翡翠(ブラケットhtmlなし)(小さなブートストラップもあります)は次のようになります

それでダメだったのでcellTemplateを見てみました。これがデフォルトのhtmlです

これは素晴らしく、パディングを取り除きますが、ご覧のとおり、クロムを使用して検査された要素からの場合、 「 0 」がハードコードされています。ng-grid フィールドを使用してこれを行うにはどうすればよいですか? また、これを修正する方法について他にアイデアがある場合は、お気軽に提案してください。できれば !important を機能させるか、その他のものを取得したいと思います。これは、ng-grid をセットアップした方法で入れることができるからです。私のウェブサイトのさまざまな場所なので、カスタムCSSが最適です!

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

angularjs - How to hide rows in ng-grid

Background: I've been working on converting few pages in our applications to use AngularJS as an attempt for major architecture overhaul. So far Angular had proven to be friendly to me while its learning curve is pretty sharp, but that's okay.

In one of our main page, we have slickgrid and I had decided to use ng-grid instead of slickgrid to save myself from headache in my first pass. Due to the nature of our app, the same data will be filtered/un-filtered many times throughout the page lifecycle. The whole dataset will always remain exactly the same and there is only 20-40 data points so far.

Functionality it's working okay by re-assign data for gridOptins.data. However, there is serious performance hit as memory went up from ~20MB to ~64MB only within a few filter cycle. And it's getting slow (>40ms) for the grid to complete re-render. Timeline profiler reveals massive amount of DOM is being created every time grid data is changed.

I had convinced myself that it's impractical to frequently remove/insert data points from ng-grid and I'm looking for some workaround on this issue. One being just hide the data point but I'm yet to see examples that illustrate this.

Other sugestions are welcome, too.

edit: Here's the plunkr:

http://plnkr.co/edit/dgA2HW

Try clicking filter frequently and watch the total memory build itself up.

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

angularjs - ng-grid を使用したサーバー側のフィルタリング: バインディングの問題?

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

javascript - ng-grid で特定の列のみを選択する

ng-grid を使用しようとしていますが、データから特定の列のみを選択して表示するのに問題があります。以下は私のコードです:

基本的には、myDataに「name」と「sex」の列だけ表示できるようにしたいです。ここで何か助けはありますか?SO やオンラインの他の場所でこの質問に対する回答を探しましたが、何も見つかりませんでした。これがだまされている場合はお詫び申し上げます。

こちらがプランカーです。

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

angularjs - nggrid セル テンプレートの ui-date-format

セルに日付ピッカーが必要なため、セル テンプレートを作成しました

私のcolモデルは

それは正常に動作し、日付を選択すると、mm/dd/yyyy 形式で取得し、それを dd/mm/yyyy 形式に変更して、UI 日付形式を追加したい

UI 日付形式を使用すると、エラーがスローされます

エラー: 構文エラー: トークン 'undefined' は、[{ dateFormat:] で始まる式 [{ dateFormat:] の列 NaN のプライマリ式ではありません

そして、それは次のような日付を与えています

2013 年 12 月 23 日月曜日 00:00:00 GMT+0530 (インド標準時) ではなく、私の好みの形式です。

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

angularjs - angular-ui ng-grid 集計行を編集可能な行にする方法

私が達成しようとしているのは、tree-like内部にng-grid. そのような実装は見つかりませんでしたが、グループ化メカニズムを使用できるかどうか疑問に思っています

グリッドの例

グループ ヘッダーをその下の行と同じ方法で編集可能にする必要があります (上の画像を参照)。まったく同じ編集可能なセルがマスター行として機能します。ヘッダー グループから 1 つのセルを更新すると、そのグループの下のすべてのセルが更新されます。

ng-grid ドキュメントからhttp://angular-ui.github.io/ng-grid/ :

aggregateTemplate のデフォルト値:

説明したように集計行をレンダリングするために、このオプションを使用することは可能ですか?

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

angular-ui - ng-gridのカスタムソート関数で行のエンティティに関連付ける方法は?

https://github.com/angular-ui/ng-grid/wiki/Sorting-and-filteringのドキュメントに従いました が、カスタム並べ替え関数に渡される唯一の情報は、関連する列のセルの値です。

カスタムソート機能内の他の列にアクセスしたいと思います。

例: http://plnkr.co/edit/FvcKQjkUv1eeoYPzjdRD?p=preview 役割を考慮して、名前でソートしたい。行エンティティが提供されている場合、または何らかの種類のものがあれば、これは簡単です。

ご協力ありがとうございます。ユヴァル

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

javascript - データがAngular Js ng-Gridにロードされる前/後に呼び出されるCallBack関数はありますか?

現在、ページネーションが有効な Angular Js Grid があり、たとえば、1 ページあたり 5 レコードで、レコードの総数は 2000 であるため、すべてで 400 ページになります。

ng-grid のページネーションが処理される場合、gridOption データはページごとに指定されます。つまり、最初のページでは、gridOption は 2 番目の 6 ~ 10 行に対して 1 ~ 5 行になります。

ここでは、チェックボックスを介して選択機能を実装しているため、行が選択されるたびに[checkBoxが選択される]、selectedItems配列に保存され、選択されたアイテムをこのような別のグリッドに表示します.....

2 つの行が選択されているページ 1

2番目のページ[ページネーション]に移動し、このようにさらに行を選択すると...

ページ 2 ここで合計 3 つのレコードが選択されています

本当の問題は、前のページ、つまりページ 1 に再び戻ると、チェックボックスがチェックされないことです。これは、ページネーションでデータ ランタイムをロードするため、ページに次の結果が表示されるためです...

ページネーションの動的な性質により、ここでの選択は消えます

あなたが私の問題を理解したに違いないことを願っています....

ここで必要なのは、データがロードされる前/後のコールバックです。これにより、選択の数が保持されているため、チェックボックスを選択できます

または、私の問題に対する他の回避策も非常に役立ちます。

ありがとう!。