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

angularjs - キャンセルされた更新で行データを復元する方法

ui-grid の Angularjs バージョン 1 エディションを使用しています。行を自動的に保存しないように設定し、ボタン クリックを使用して、$http を使用してデータベースを更新する angularjs 呼び出しを開始できるようにしました。

ユーザーが [更新のキャンセル] ボタンをクリックした場合、代わりに行を元のデータと状態にリセットしたいと考えています。を使用するコードがsetRowsClean(dataRows)あり、行オブジェクトとセットを渡すこともできますrow.isDirty = false

行のデータとその状態を、変更がキャンセルされる前と同じになるようにリセットできる、実証済みの手法を探しています。グリッドの再バインドはやり過ぎであり、グリッドが崩壊します。誰かがこれらの線に沿って何かを持っていますか?

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

angularjs - UI グリッド saveState サービスの循環ロジック

問題の概要は次のとおりです。列の sortChange() リスナーをセットアップしました。このリスナーは、並べ替えの変更に応答してクエリを起動し、新しく並べ替えられたデータをフェッチします。フェッチ前にグリッドの状態を保存し、フェッチ後にグリッドの状態を復元します。問題は、gridState の復元メカニズムが元の並べ替えリスナーをトリガーし、プロセス全体が何度も何度も何度も繰り返されることです。

sortChange リスナーを使用する代わりに、各列ヘッダーにクリック リスナーを設定できると考えていましたが、この解決策は見苦しく、すべてのヘッダー セル テンプレートに移動して変更を加える必要があります。

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

protractor - 分度器 by.repeater を使用して行プロパティで検索し、評価します

by.repeaterを使用して行プロパティによる検索を実装し、ui-grid で e2e を評価しようとしています。

アイデアは、by.repeater からの結果を、evaluate から取得した下のオブジェクト ID と行を持つ新しいオブジェクトにマップして、オブジェクトの新しい配列で ID によるフィルター処理を実行できるようにすることです。このようなもの:

行オブジェクトを使用または返すと、map 関数がハングするようです。このhttps://github.com/angular/protractor/issues/392: Add map() function to element.allによると、機能するはずですが、機能しません。何か案が?

ありがとう、デビッド。

0 投票する
0 に答える
855 参照

javascript - angular js u-gridセルテンプレートを使用したng-if条件

angularjs ui-grid にラジオ ボタンがあります。値が同じ場合、最後に更新されたラジオ ボタンを有効にする必要があります。

ng-checked="row.entity.value=\'A\'";

現在、同じ名前の 2 つのグリッド行があります

customer : A //(ここではラジオボタンが必要です) customer: A //(ここではありません) using ng-checked="row.entity.value=\'A\'"; 顧客:B 顧客:c

ただし、ラジオボタンは値のいずれかに対して有効にする必要があります

0 投票する
0 に答える
489 参照

angularjs - UI-Grid にボタンを追加

そのui-gridUIグリッドにあるドロップダウンメニューだけでなく、csvファイルをインポートするためのボタンをカスタマイズしたいです。私は ui-grid で何も変更したくありません。追加のボタンを追加したいだけです。UI グリッドの上に簡単に表示できるようにします。

コード

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

javascript - ui-grid ドロップダウンに値が表示されないのはなぜですか?

ui-grid 列定義の次のコードがあります。

これらのオブジェクトの名前を列にバインドしています。

なんでも普通に元気です。グリッド自体は正しくレンダリングされます。しかし、この行をクリックして編集すると、この行のテキストが消えます。ドロップダウンが表示されますが、選択するオプションはありません。配列を次のように変更しようとしました:

[ { id: 11, name: 'Medium' }, { id: 12, name: 'Large' }]

ここに欠けているもの。この公式コードを見てきました。フィルターを除いて、すべてが似ているようです。そのようなフィルターは必要ありません。持っている必要がありますか。公式ドキュメントには、それについて何も言及されていません。

すでに紹介済みhttp://stackoverflow.com/questions/28323540/showing-readable-data-in-ui-grid-with-editable-drop-down-cell

0 投票する
0 に答える
228 参照

angularjs - PDFに表示されない角度グリッドのセルテンプレート

私はui-gridを使用しており、グリッド メニューからテーブル データを PDF にエクスポートしたいと考えています。

これはセルに表示されますが、グリッド メニュー オプションを使用して PDF をエクスポートすると、このグループ列を除くすべてのデータがエクスポートされ、グリッドに表示されます。

私の質問は、columnDefs の条件付きセル テンプレートに表示されるグリッドのデータを表示する方法です。

EDITL(例を追加):

このプランカーは、「すべてのデータを pdf としてエクスポート」が条件付きテンプレート (既婚) で列を表示しないという問題を示すことができます。