Question

我在我的项目中使用带有Turbo表的primeng选择列表，希望在设置源列表时需要一点帮助。我有一个包含不同列表的主列表。我想要的是对表的每一行设置获取主列表数组中基于该行的ID的相应列表。我不知道如何实现。现在我将源设置为masterARR的第一个元素，但我想将其设置为基于表的行ID。请帮助。谢谢。

这是我的模板：

<p-table [columns]="cols" #dt [value]="students"  [autoLayout]="enable" dataKey="id" >

    <ng-template pTemplate="header" let-columns>
        <tr>
            <th style="width: 3em"></th>
            <th>Id</th>
            <th>NAME</th>
            <th>Roll No</th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowData let-columns="columns">
        <tr>
            <td>{{rowData.id}}</td>

            <td>{{rowData.name}}</td>
            <td>{{rowData.rollno}}</td>
        </tr>
    </ng-template>

</p-table>
    <p-dialog [(visible)]="display" [modal]="true" [responsive]="true" [style]="{width: '650px', minWidth: '200px'}" [minY]="70" [maximizable]="true" [baseZIndex]="10000">
        <p-pickList (onMoveToTarget)="onChange($event)" [source]="masterArr[0]" [target]="targetCars" sourceHeader="Available" targetHeader="Selected" [responsive]="true" filterBy="name" dragdrop="true" sourceFilterPlaceholder="Search by name" targetFilterPlaceholder="Search by name"
            [sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}">
            <ng-template let-hero let-rowdata pTemplate="item">
                <div>
                    <div class="ui-helper-clearfix">
                        <div style="font-size:14px;float:right;margin:15px 5px 0 0"> {{hero.value}}</div>
                    </div>
                </div>
            </ng-template>

        </p-pickList>

这是我的ts代码：

    this.arr1.push("A1");
    this.arr1.push("A2");
    this.arr2.push("D1");
    this.arr2.push("D2");
    this.masterArr.push(this.s);
    this.arr.push(this.d);

Primeng选择列表动态设置源列表

0 个答案: