剑道取消下拉列表选择更改事件

Question

我使用 Kendo-angular 库。当用户在我的下拉列表中选择一个项目时，将触发 selectionChange 事件，并且基于某些条件我想取消更改事件并恢复为下拉列表中先前选择的值。

这可以通过剑道下拉列表组件来实现吗？

<kendo-dropdownlist 
[data]="services" 
[textField]="'defaultLabel'" 
[valueField]="'id'" 
[(ngModel)]="selectedService"
placeholder="Select a service" 
(valueChange)="onServiceChanged($event)"> 
</kendo-dropdownlist>


 onServiceChanged(event) { }

//event is the actual selected value, not the event

Answer 1

我找到了解决办法：

    <kendo-dropdownlist #dropdown
        (valueChange)="valueChange($event, dropdown)">
      </kendo-dropdownlist>


valueChange(value,  dropDownControl: DropDownListComponent) {dropDownControl.writeValue("old value");}

Answer 2

查看文档中的事件列表 https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-events

public valueChange(value: any): void {
// Your condition here
        this.log('valueChange', value);
}