如何解决如何在Angdo Typescript的Kendo下拉列表中触发更改事件?
不知道触发dropdownlist的更改事件
我的html:
<div class="row">
<div class="col-md-6">
<mat-label id="title-t" class="required"></mat-label>
<kendo-dropdownlist
id="tID"
[data]="dataSourceList"
[textField]="'name'"
[valueField]="'code'"
formControlName="tList"
(valueChange)="onchangelist($event)">
</kendo-dropdownlist>
</div>
</div>
我的ts:
public onchangelist(e){
var t_code= e.code;
console.log(t_code);
}
//tID.kendoDropDownList.change();
OR:
var dropdownlist = $("#id").data("kendoDropDownList");
dropdownlist.trigger("change");
解决方法
我假设您要以编程方式更改下拉值。
为此,您只需在下拉列表中添加双向绑定即可。
在您的HTML中:
<div class="col-md-6">
<mat-label id="title-t" class="required"></mat-label>
<kendo-dropdownlist
id="tID"
[data]="dataSourceList"
[(ngModel)]="value"
[textField]="'name'"
[valueField]="'code'"
formControlName="tList"
(valueChange)="onChangeList($event)">
</kendo-dropdownlist>
</div>
在您的ts文件中,声明一个名为value的类变量,然后对其进行更改。请注意,绑定的值应该是[数据]列表中的一项。
public value:any;
public change(): void{
this.value = {code: "ts",value:"tslist"};
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。