Angular 2, как отключить раскрывающийся список кендо

Я пытаюсь отключить раскрывающийся список кендо (с именем ddlChargeType).

Пользователь не должен иметь возможности напрямую выбирать значение. Но должна быть возможность выбрать его программно (действительный выбор другого раскрывающегося списка, ddlUoM для запуска выбора соответствующей опции ddlChargeType - это работает нормально).

Итак, мой вопрос: как пометить мой кендо-выпадающий список ddlChargeType как доступный только для чтения, или отключенный, или отключенный ng?

В официальной документации не нашел:

http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/

Спасибо!


angular kendo-dropdown
person Miha    schedule 21.12.2016    source источник

Ответы (3)


arrow_upward
5
arrow_downward

С использованием постоянного значения:

<kendo-dropdownlist [data]="listItems" disabled="'true'"></kendo-dropdownlist>

Со значением компонента:

@Component({
  selector: 'my-app',
  template: `
    <kendo-dropdownlist [data]="listItems" [disabled]="disabled"></kendo-dropdownlist>`
})
class AppComponent {
    public listItems: Array<string> = ["1", "2", "3"];
    public disabled: true;
}

Ссылка: http://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownListComponent/#toc-delay

person Piou    schedule 21.12.2016

arrow_upward
2
arrow_downward

Если [disabled]="disabled" не работает, вы можете использовать [attr.disabled]="disabled?true:null" вместо [disabled]="disabled "

@Component({
  selector: 'my-app',
  template: `
    <kendo-dropdownlist [data]="listItems" [attr.disabled]="disabled?true:null"></kendo-dropdownlist>`
})
class AppComponent {
    public listItems: Array<string> = ["1", "2", "3"];
    public disabled: true;
}
person Pedram A. Keyvani    schedule 08.08.2018

arrow_upward
0
arrow_downward

Попробуйте этот [disabled]="true" с Angular 2/3/4/5/6/7

  <kendo-dropdownlist id="ddlSegment" name="ddlSegment" class="arcm-form-control" [data]="filterList?.SegmentList"  [disabled]="true"
    [textField]="'Segment_Desc'" 
      [valueField]="'ARCM_Segment_ID'"  (selectionChange)="segmentSelectionChange($event)" [(ngModel)]="selectedSegment"  >
    </kendo-dropdownlist>
person Papun Sahoo    schedule 25.11.2019