Kendo上传-如何为文件删除按钮点击添加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>

当点击remove按钮时，我需要用id-file err msg隐藏div。单击带有css类"k-delete"的span时，将发生Remove操作。此外，我还需要添加下面的事件处理程序，而且它从未被调用过。

$(".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();
    }
});