問題タブ [primeng]

PrimeNG のテーブル コンポーネントで仮想スクロールとフィルタリング機能を組み合わせようとしたときに、バグと思われるものに遭遇しました。

両方の機能を有効にしてフィルタリングしようとしても、レンダリングされたデータはフィルタリングされませんが、呼び出されるprimengフィルター関数を介してデバッグすることができ、基礎となるものが実際にフィルタリングされることを確認できます。私の疑いは、これが何かであるということですCDK仮想スクローラーインスタンスが内部でどのように利用されているかの内部にもっと関係があります。

複製可能なデモ- https://stackblitz.com/edit/primeng9-table-virtualscroll-with-filtering?file=src/app/app.component.html

上記の URL を使用して、返されたデータの列 (ブランド名など) でフィルタリングするだけです。

この最初のデモでは、仮想スクロールを使用します。また、フィルタリング中にコンソール出力を観察してください。ここでは、onFilter テーブル イベントの結果をキャプチャし、フィルタリングされた入力検索用語に一致するフィルタリングされたレコードの長さをカウントしています。結果が明らかに一致して返されていることがわかりますが、テーブル内の行はそれに応じてフィルター処理されることはなく、元のレンダリングされた行が常に表示されます。

PrimeNG 内での CDK 仮想スクローラーの使用のせいだと思うという私の疑いをさらに証明するために、stackblitz デモで次の 2 つのテーブル属性を削除できます。

[virtualScroll]="true" [virtualRowHeight]="34"

これらを削除して仮想スクロールを無効にすると、テーブルに一致する結果のみを表示するという点でフィルタリング機能は期待どおりに機能しますが、もちろん、仮想スクロールを有効にすることによるパフォーマンス上の利点は失われます。

だから私の質問は、どうすれば両方をここに置くことができますか?

ところで - はい、私は PrimeNG 9 を使用しており、10 が最新ですが、さまざまな理由で、私が取り組んでいるプロジェクトはまだ 9 であり、しばらくの間使用されるため、可能であればここで v9 の修正/回避策を探しています。

御時間ありがとうございます！

現在動作する angular2-seed プロジェクトをセットアップしようとしましたが、環境に PrimeNG を追加したいのですが、行き詰まりました。

もちろん、私の最初のステップ：primengとprimuiのインストールでした

次に、マッピング @ https://github.com/mgechev/angular2-seed/blob/master/tools/config/seed.config.ts#L129を追加しました

私のコンポーネントは次のようになります。

htmlファイル

これだけでは不十分です。次の css および js ファイルを追加する必要があると思いますが、場所がわかりません。

また、前の手順が正しいかどうかもわかりません。現時点でエラーが発生しました：

例外: ReferenceError: チャートが定義されていません

私はすでに PrimeFaces を使用した JSF のプロジェクトを持っていますが、プロジェクトに angular js を追加する必要があります。プライムフェイスのタグがあるので、プライムフェイスを角度付きで使う方法がわかりません。

したがって、Primefaces を使用して Angular を実装するためのデモまたはドキュメントを提供してください。

こんにちは、angular2.beta.4 を使用していましたが、Angular2.beta.13 が必要な PrimeNG をインストールしようとしたときに、機能しませんでした。そのため、angular.beta.14 をインストールしましたが、まだ次のエラーが発生します。

angular2.beta.14 は以前のバージョンのパッケージを実行できませんか?

gulpfile.js を使用して primeng コンポーネントをインポートすることはできませんが、他のサードパーティ コンポーネントをインポートすることはできます。

不明なソース エラーが発生します。助けてください。

primeng.js のパスを変更する必要がありますか?

Layout.cshtml:

GULPFILE.JS

成分：

import {DataTable, Column} from 'primeng/primeng';

データテーブル、列をインポートしてディレクティブに追加し、以下のようにコンポーネントで使用しました

しかし、私は以下のエラーが発生します:

仮想スクロールとトグル\展開動作を使用してネストされたノード構造を構成しているアプリケーションで、PrimeNG 9 TreeTable に関する奇妙な問題に直面しています。

選択した後、別のノードをスクロールまたは展開すると、強調表示されたノードが失われます。強調表示された選択は、別のランダム ノードにジャンプします。

最小限の再現可能なデモはこちらにあります: https://stackblitz.com/edit/primeng9-treetablescroll-selections

これは、v10.0.3 リリースでこのバグ修正this.cdr.detectChanges();を導入するために追加したngAfterViewInitライフサイクル フックに関係している可能性があるのではないかと考えていましたが、これを削除しても違いはなく、バグ修正が対処する に戻ります。ExpressionChangedAfterItHasBeenCheckedError

アプリケーションもまだ PrimeNG 10 に移行できないため、可能であれば v9 の修正\回避策を具体的に探しています。

ここで何が起こっているのでしょうか？

解決した

適切な回避策を見つけるために正しい方向に私を向けてくれた@DipenShahへの称賛。彼の答えに基づいて、親ノードを切り替えるときに v9 でツリー テーブルが展開\折りたたみイベントとノード選択イベントを発生させるケースを処理するために、彼のアプローチをもう少し強化しました。これは v10 では発生しません。

私の最終的な回避策はこちらhttps://stackblitz.com/edit/primeng9-treetablescroll-selections-utsj2p?file=src/app/app.component.ts

angular2 (rc.1) で PrimeNG コンポーネント (beta5) を使用すると問題が発生します。メニューバーなどのコンポーネントを使用しようとすると、常にエラーが発生します

メニューバーにディレクティブの注釈が見つかりません

angular と PrimeNG の学習を始めたばかりなので、おそらく何か間違ったことをしているのでしょう。しかし、何度もグーグルで調べた後、私は何の助けも見つけることができませんでした。

Menubar コンポーネントに注釈がないように見える理由は何ですか? 私は何を間違っていますか？

TypeScript ではなく、プレーンな JavaScript を使用しようとしていることに注意してください。(実際、私は [Brython 経由で] Python を使用していますが、それはまったく別の問題です。)

私のindex.htmlは次のように始まります：

私app/main.jsは簡単です：

app/system.config.jsスクリプトには次が含まれます。