問題タブ [ui-grid]

私の目標は、セルの値に基づいて性別列に色を付けたり、アイコンを表示したりする最も簡単な例で、ui-grid セルで動的な CSS クラスを実現することです。CSS クラスは、ページ上の現在のデータに従って更新されます。グリッドにバインドされたデータを更新するボタンをクリックすると、クラスが再計算されます。

動的 CSS クラスの作成者や貢献者からの例がたくさんあります。http://brianhann.com/6-ways-to-take-control-of-how-your-ui-grid-data-is-displayedただし、ページの読み込み中にクラスを条件付きで適用する方法と、 need は、上記の基本的な angular ng-class の動作方法で説明したように、ページ コンテンツの変更に関するルールを再適用する動作を取得する方法です。

ui-grid では、列定義でセル テンプレートまたはセル クラス メカニズムを使用できますが、どちらもここでは機能しないようです。

この問題の完全な例を含む plunkr を作成しました: https://plnkr.co/edit/rob144gVQo6uy1AVuJlS

また、グリッド オブジェクトと角度の $scope.apply でさまざまな更新メソッドを呼び出してみましたが、効果はありませんでした。

助けてください...いくつかの属性と対応する値を持つオブジェクトの配列があります。例: 学生グループのさまざまな種類のスコア。各 score_object には、結果、テスト名 (数学、英語、生物学など) およびテスト グループ名 (文学、科学など) があります。すべての score_objects は、scoreArray という配列に配置されます。

Student1 の最初のテスト結果を取得するには、配列の静的インデックスを指定するだけです。たとえば、scoreArray[0].score_object.result です。配列をループして、対応する結果を動的に取得する方法を教えてください。

問題の状態: 各生徒は自分のスコア配列内に非常に多くのスコア オブジェクトを持つことができます。非常に多くのテスト タイプがあり、実際には静的インデックスを作成できませんでした。

結果の UI は次のようになります。

Student1 結果 結果 結果 Student2 結果 結果 結果 . . .

データベースからデータを取得する同じ列で JS-XLS を使用して、Excel シートを UI-Grid にインポートする必要があります。たとえば、列の 1 つは次のように定義されます。

シートから、結合したい列は「個人番号」という名前の JSON オブジェクトを生成します。「employee_id」と「Person Number」が同じ列にある必要があります。何かのようなもの：

どうすればこれを達成できますか？

ui-grid を作成し、localStorageService を介してグリッドの状態を Cookie に保存する機能を作成します。次に、列幅を変更してこの状態を保存します。「gridApi.saveState.restore」を介して状態を復元した後、これは完璧ですが、フィルターを設定すると、グリッドは列をデフォルトの幅にリセットします。私が何か悪いことをしたら教えてください。

プランカーを通してください

http://plnkr.co/edit/Oxo8XdQCysOUvfvhD82z?p=preview

コンソールで gridApiSoucrce は定義されていません。. .

列を遅延ロードする方法はありますか。5k 列と 100k 行のセットがあります。と を使用angularjs 1.5.7してangular-ui-grid ^3.xいます。

グリッドは、100k 行と 100 列で完璧に機能します。しかし、2,000 を超える列を読み込もうとすると、ページの読み込みに 10 ～ 15 秒かかります。無限スクロール モジュールを使用しています。

必要に応じて列を遅延ロードする方法があれば、それは素晴らしいことです。またはとにかく ui-grid ライブラリを拡張します。

前もって感謝します！