如何使用 Angular 打字稿在 Kendo 下拉列表中觸發更改事件？

Question

不知道觸發下拉列表的更改事件

我的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();

或者：

var dropdownlist = $("#id").data("kendoDropDownList");
 
dropdownlist.trigger("change");

Answer 1

我假設您想以編程方式更改下拉值。

為此，您只需在下拉菜單中添加雙向綁定即可。

在您的 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 的類變量，然后更改它。 請注意，綁定值應該是 [data] 列表中的一項。

public value:any;

public change(): void{
  this.value = {code: "ts", value:"tslist"};
}