剑道下拉列表触发更改事件

Question

我正在尝试使用下面的代码设置我的 Kendo dropdownList 的值，并期望引发“Change”事件，但事实并非如此。有人可以帮忙吗。

根据要求添加了额外的代码。

HTML代码

<div class="col-md-12 no-padding">
     <select id="serviceAccounts"
             kendo-drop-down-list
             k-ng-model="vm.customer.serviceAccountId"
             k-value-primitive="true"
             k-options="vm.setServiceAccountOptions" style="width: 100%">
     </select>
</div>

提前致谢 ！

Answer 1

$("#serviceAccounts").trigger("change");

不会触发 Kendo DropDownList 的“change”事件，因为

$("#serviceAccounts")

不是您的 Kendo DropDownList...它只是一个 jQuery 选择器。

您需要先获取对实际 DropDownList 的引用，然后才能触发其事件之一，即：

var dropDownList = $("#serviceAccounts").getKendoDropDownList();
dropDownList.trigger("change");

显示selector.trigger() 和dropdownlist.trigger() 之间差异的示例： http://dojo.telerik.com/@Stephen/UxiLo

示例显示如何使用角度小部件参考而不是 jQuery 小部件参考来触发更改事件： http: //dojo.telerik.com/@Stephen/IToFI