Angular 2 如何禁用 kendo-下拉列表

Question

我正在尝试禁用 kendo-下拉列表（名为 ddlChargeType）。

用户不能直接select一个值。但是应该可以通过编程方式 select 它（另一个下拉列表的有效 selection，ddlUoM 触发相应 ddlChargeType 选项的 selection - 这工作正常）。

所以，我的问题是：如何将我的 kendo-dropdownlist ddlChargeType 标记为只读、禁用或 ng-禁用？

我在官方文档中找不到这个：

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

谢谢！

Answer 1

使用常量值：

<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

Answer 2

如果[disabled]="disabled"没用你可以使用[attr.disabled]="disabled?true:null" 而不是 [禁用]="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;
}

Answer 3

试试这个 [disabled]="true" with 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>

Angular 2 如何禁用 kendo-下拉列表

Angular 2 how disable kendo-dropdownlist

angular

kendo-dropdown