Question

我在mvc项目中使用kendo ui文件上传。删除文件而不是确认，我想在删除前确认

@(Html.Kendo().Upload()
                .Name("attachments")
                .TemplateId("fileTemplate")
                .Async(async => async.Save("SaveFile", "Upload", new { folderType = ViewBag.FolderType, recordid = ViewBag.TableXRef })
                .Remove("RemoveFile", "Upload")
                .AutoUpload(true))
                .Files(files =>
                {
                    foreach (var f in Model.OrderByDescending(f => f.ModifyDate))
                    {
                        files.Add().Name(f.FileName.ToString())
                            .Extension(f.Extension).Size(f.Size);
                    }
                })
              )

 <script id="fileTemplate" type="text/x-kendo-template">
    <div>
        <span class="k-filename">"#=name#"</span>
        <p> <a href='javascript:downloadAttachments("#=name#")' >#=name#</a> </p>
        <button id='btnDelete' type='button' class='k-upload-action' style='position: absolute; top: 0; right: 0;'>
        </button>
    </div>
    </script>

Answer 1

您应该使用“上传”小部件的remove事件，并在确认失败时取消它。

function onDelete(e){
     if(!confirm("Are you sure you want to remove the item?")){
           e.preventDefault();
      }
}

Answer 2

不应该与普通的javascript有任何不同。在按钮上添加一个onclick。

<button id='btnDelete' type='button' class='k-upload-action' 
style='position: absolute; top: 0; right: 0;' onclick='return confirm("Are you sure?");'>

Kendo UI文件上传删除确认

2 个答案: