时间戳

首页 > 解决方案 > 如何在控件外调用剑道列表框的内置功能

kendo-ui - 如何在控件外调用剑道列表框的内置功能

问题描述

我在我的应用程序中使用 Kendo ListBox，它有两个数据列表，即“fromData”和“toData” ，还有四个内置按钮控件作为工具：[ 、、、、"transferTo"] 。当我们点击任何一个按钮时，前端的数据渲染就会相应地进行操作。我的要求是 - 我在页面上添加了另一个复选框，每当用户选中该复选框时，我希望采取行动，并且所有数据都应从第一个列表传输到第二个列表，而无需单击工具按钮。它应该只适用于复选框的选择。"transferFrom""transferAllTo""transferAllFrom"transferAllTo

OnRemove()我可以看到当我从前端单击按钮时，有一个调用的方法正在执行，所以我创建了一个在OnclickCheckbox 和 Inside 事件上调用的方法，我调用了该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,
});

我的要求是 - 我在页面上添加了另一个复选框，每当用户选中该复选框时，我希望transferAllTo采取行动，并且所有数据都应从第一个列表传输到第二个列表，而无需单击工具按钮。它应该只适用于复选框的选择。

标签： kendo-ui

解决方案

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

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

推荐阅读