angular - PrimeNg tree-table ページ内の 2 つの異なるテーブルを区別する方法。

Question

あるテーブルのノードを展開すると、他のテーブルが自動的に展開されます。どうすればそれを防ぐことができますか。また、トウ テーブルには 2 つの異なるデータがあります。しかし、両方のデータセットに追加されています。

Answer 1

[value]="files1"ツリー データ テーブルの値属性に2 つの異なる変数を割り当てると仮定します。

この値属性値は、データ テーブルに表示される値を定義します。たとえば、2 つのデータ セットがあり、それを 2 つのツリー テーブルに入力する場合は、次のように 2 つの変数を割り当てる必要があります。

files1: TreeNode[];
files2: TreeNode[];

この TreeNode は i からインポートする必要がありますmport {TreeNode} from 'primeng/api';

表示する値を取得している関数で、値を上記のファイル変数に割り当てます

this.files1 = files1;
this.files2 = files2;

あなたのビューでは、このfiles1をツリーテーブルの値属性に渡します

<p-treeTable [value]="files1">

同様に、2番目のツリーテーブルには、この値を次のように渡します

<p-treeTable [value]="files2">