Угловой 6 кендо-выпадающий список условно установить [valueField] и [textField] - PullRequest
1 голос
/ 12 июня 2019

У меня есть кендо-выпадающий список в проекте Angular 6, который должен заполняться из двух разных наборов данных в зависимости от условия.У меня возникают трудности с выяснением, как установить [valueField] и [textField] на основе условия

   <kendo-dropdownlist id="UP_CM_IN" name="UP_CM_IN"
            style="width:90%"
            [(ngModel)]="SelectUP_CM_IN"
            [defaultItem]="defaultUP_CM_IN"
            [data]="UP_CM_IN"
            [filterable]="true"
            *ngIf="selectedCS=='CM' ? [valueField]='CD_IN': [valueField]='UP_IN'"
            *ngIf="selectedCS=='CM' ? [textField]='CD_IN': [textField]='UP_IN'"
            (valueChange)="handleUP_CM_INChange($event)"
            (filterChange)="handleUP_CM_INFilter($event)">
    </kendo-dropdownlist>

1 Ответ

1 голос
/ 13 июня 2019

Я думаю, что невозможно изменить только набор данных условно ... но что вы можете сделать ... Создать 2 выпадающих элемента с другим набором данных и показать их в Dom условно с директивой * ngIf ...

Пример:

<kendo-dropdownlist *ngIf="selectedCS=='CM'" id="UP_CM_IN" name="UP_CM_IN"
            style="width:90%"
            [(ngModel)]="SelectUP_CM_IN"
            [defaultItem]="defaultUP_CM_IN"
            [data]="UP_CM_IN"
            [filterable]="true"
            [valueField]='CD_IN': 
            [textField]='UP_IN'"
            (valueChange)="handleUP_CM_INChange($event)"
            (filterChange)="handleUP_CM_INFilter($event)">
</kendo-dropdownlist>

<kendo-dropdownlist *ngIf="selectedCS!='CM'" id="UP_CM_IN" name="UP_CM_IN"
            style="width:90%"
            [(ngModel)]="SelectUP_CM_IN"
            [defaultItem]="defaultUP_CM_IN"
            [data]="UP_CM_IN"
            [valueField]='CD_IN': 
            [textField]='UP_IN'"
            [filterable]="true"
            (valueChange)="handleUP_CM_INChange($event)"
            (filterChange)="handleUP_CM_INFilter($event)">
</kendo-dropdownlist>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...