Kendo 上传 - 如何为文件删除按钮添加 javascript 事件处理程序

Question

我的kendo模板如下：

<div id="file-err-msg" > Please remove files with errors</div>
<input name="files" id="files" type="file" />
<script id="fileTemplate" type="text/x-kendo-template">
    <span class='k-progress'>
    </span>
    <strong class='k-upload-status'>
        <button type='button' class='btn-remove k-button k-button-bare k-upload-action'> 
            <span class='k-icon k-i-close k-delete' title='Remove'></span>
        </button>
    </strong>
</script>
<script>
    $("#files").kendoUpload({
        template: kendo.template($('#fileTemplate').html())
    });
</script>

我需要在单击删除按钮时隐藏 ID 为 - file-err-msg 的 div。单击带有 css class "k-delete" 的跨度时，将发生删除操作。我还需要添加下面的事件处理程序，它永远不会被调用。

$(".k-delete").click(function () {
    alert("Remove button clicked");
});

由于这些控件是动态呈现的，我尝试将它们绑定到事件处理程序，如下所示，但没有任何效果。

$("body").on("click", ".btn-remove", function () {
    alert("dynamic control event handler");
});

感谢任何帮助！

Answer 1

根据Kendo Upload API documentation，您可以将函数绑定到remove 事件。所以这是你可以隐藏你的 file-err-msg div :

的地方

$("#files").kendoUpload({
    template: kendo.template($('#fileTemplate').html()),
    remove: function(e) {
        $('#file-err-msg').hide();
    }
});

Kendo 上传 - 如何为文件删除按钮添加 javascript 事件处理程序

Kendo upload - how to add a javascript event handler for file remove button click

synchronous

kendo-ui

kendo-upload