如何在控件外部调用Kendo列表框的内置功能

时间:2019-07-10 08:01:11

标签: kendo-ui

我在应用程序中使用Kendo ListBox,它具有两个数据列表,即“ fromData”和“ toData”,还具有四个内置的按钮控件作为工具:["transferTo",{{1} },"transferFrom""transferAllTo"]。 当我们单击任何按钮时,前端上的数据呈现都会相应地起作用。我的要求是-我在页面上添加了另一个复选框,每当用户选中该复选框时,我都希望"transferAllFrom"起作用,并且所有数据都应从第一列表转移到第二列表,而无需单击工具按钮。它仅应与复选框一起使用。

我可以看到有一个名为transferAllTo的方法在我从前端单击按钮时起作用,因此我创建了一个在Checkbox和Inside的OnRemove()事件中调用的方法称为Onclick方法,但无效。

OnRemove()

我的要求是-我在页面上添加了另一个复选框,每当用户选中该复选框时,我都希望$('#' + clientId).find('#' + fromEntitySelect).kendoListBox({ draggable: true, dataSource: fromDataSource, connectWith: "toEntitySelect", dropSources: ["toEntitySelect"], dataTextField: "Entity", dataValueField: "EntityID", toolbar: { tools: ["transferTo", "transferFrom", "transferAllTo", "transferAllFrom"] }, change: onChange, drop: onDrop, drag: onDrag, dragend: onDragEnd, remove: onRemove, }); 起作用,并且所有数据都应从第一列表转移到第二列表,而无需单击在工具按钮上。它仅应与复选框一起使用。

1 个答案:

答案 0 :(得分:1)

您可以简单地让jQuery单击“ transferAllTo”按钮。

例如,转到https://demos.telerik.com/kendo-ui/listbox/index并在浏览器的JavaScript控制台中执行$("a[data-command='transferAllTo']").click()