kendo-ui - 剑道上传 - 如何为文件删除按钮单击添加 javascript 事件处理程序

Question

我的剑道模板如下：

<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 类“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 文档，您可以将函数绑定到remove事件。所以这是你可以隐藏你的file-err-msgdiv 的地方：

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