设置DropDownList默认项

时间:2017-09-15 13:53:45

标签: angular kendo-ui-angular2

我正在使用角度kendo DropDownList组件,如下所示:

<kendo-dropdownlist 
    [defaultItem]="customModel" 
    (valueChange)="modelValueChange($event)" 
    [data]="models" 
    [textField]="'name'" 
    [valueField]="'id'">
</kendo-dropdownlist>

on load DropDownList被设置为默认项,在DropDownList值上更改im填充模板(预定义输入),当我更改该模板预定义输入时,我希望DropDownList组件再次被重置或设置为默认项。

是否可以做类似的事情?

更新:解决方案

我将ngModel添加到组件[(ngModel)]="chosenModel"以便在预定义输入上使用的每个事件上设置this.chosenModel = null然后自动设置kendo  dropdownlist to default option。

    <kendo-dropdownlist 
        [defaultItem]="customModel"
        [(ngModel)]="chosenModel" 
        (valueChange)="modelValueChange($event)" 
        [data]="models" 
        [textField]="'name'" 
        [valueField]="'id'">
    </kendo-dropdownlist>


predefinedInputValueChange(event: string): void {
    .
    .
    .

    this.chosenModel = null;//this will set kendo dropdownlist to default item
}

0 个答案:

没有答案