Список выбора Primeng устанавливает исходный список динамически - PullRequest
Новая
       16

Список выбора Primeng устанавливает исходный список динамически

0 голосов
/ 10 мая 2019

Я использую список выбора primeng в своем проекте с турбо-таблицей и хочу немного помочь в настройке списка источников. У меня есть основной список, который содержит разные списки. Я хочу, чтобы для каждой строки таблицы был установлен выборсоответствующий список из массива основного списка на основе идентификатора этой строки. Я не знаю, как этого добиться. Прямо сейчас я устанавливаю источник для первого элемента masterARR, но я хочу установить его для элемента на основеидентификатор строки таблицы.Пожалуйста, помогите. Спасибо заранее.

Вот мой шаблон: 

<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);
...