Kendo UI文件上傳刪除確認

Question

我使用kendo ui文件上傳mvc項目。 刪除文件沒有確認，我想一個確認之前刪除

@(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

您應該使用Upload小部件的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?");'>