0

私の剣道テンプレートは次のとおりです。

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

どんな助けでも大歓迎です！

4

1 に答える 1

0

Kendo Upload API documentationによると、関数をremoveイベントにバインドできます。file-err-msgしたがって、これはdivを非表示にできる場所です:

$("#files").kendoUpload({
    template: kendo.template($('#fileTemplate').html()),
    remove: function(e) {
        $('#file-err-msg').hide();
    }
});
于 2016-01-07T08:51:08.117 に答える