Как вызвать встроенную функцию Kendo listbox вне элемента управления

Question

Я использую Kendo ListBox в своем приложении, где у него есть два списка данных, а именно 'fromData' и 'toData', а также четыре встроенных элемента управления кнопками в качестве инструментов: ["transferTo", "transferFrom", "transferAllTo", "transferAllFrom"].когда мы нажимаем на любую кнопку, рендеринг данных на внешнем интерфейсе действует соответственно.Мое требование - я добавил еще один флажок на странице, и всякий раз, когда флажок установлен пользователем, я хочу, чтобы transferAllTo действовал, и все данные должны быть перенесены из 1-го списка во 2-й список без нажатия кнопки инструмента.Он должен работать только с выбором флажка.

Я вижу, что есть метод с именем OnRemove(), который действует, когда я нажимаю кнопку на передней панели, поэтому я создал метод, который будет вызыватьсяOnclick Событие Checkbox и 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 действовал, и все данные должны быть перенесены из 1-го списка во 2-й список без нажатия кнопки инструмента.Должно работать только с выбором флажка.

Answer 1

Вы можете просто позволить jQuery нажать кнопку «TransferAllTo».

Например, перейдите к https://demos.telerik.com/kendo-ui/listbox/index и выполните $("a[data-command='transferAllTo']").click() в консоли браузера JavaScript.