asp.net-mvc-4 - 通过剑道上传文件后删除选择文件上的“完成”和“右勾号”

Question

我有剑道上传的问题。上传文件后，选择文件右侧出现“完成”和“右勾号”。我怎样才能删除它？

在我的表单中单击保存按钮后，上传控制文件正在删除，但“完成”和“右刻度线”保持不变。

 //Kendo Upload control
 @(Html.Kendo().Upload()
        .Name("files")       
        .Messages( m => m.Select("Browse"))     
        .Async(a => a
           .Save("SaveAttachment", "Document")
           .Remove("Remove", "Document")
            .AutoUpload(true)
        )
        .Events(events => events
            .Success("onSuccess")
        )
        .Multiple(false)
    ) 

  @(Html.Kendo().Upload()
        .Name("files")       
        .Messages( m => m.Select("Browse"))     
        .Async(a => a
           .Save("SaveAttachment", "Document")
           .Remove("Remove", "Document")
            .AutoUpload(true)
        )
        .Events(events => events
            .Success("onSuccess")
        )
        .Multiple(false)
    ) 

Answer 1

要从 KendoUpload 控件中删除内置文本，请使用空字符串覆盖本地化属性。在您的情况下，删除“完成”：

$("#files").kendoUpload({
    multiple: true,
    async: {
        saveUrl: "...",
        removeUrl: "...", 
        autoUpload: false
    },
    localization: {
        // Override built-in text "Done"            
        headerStatusUploaded:"",
        statusUploaded:""
    }
    ...
});

Answer 2

你实际上可以使用这个

 $(".k-upload-status").remove();

对我来说就像一个魅力。

Answer 3

以下将完全删除状态行。

 @(Html.Kendo().Upload()
                .Name("Files")
                .Async(a => a
                    .Save("SaveFiles", "Controller")
                    .AutoUpload(false)
                )
            .Events(x=>x.Complete("onUploadComplete"))
        )
    <script type="text/javascript">
    function onUploadComplete(e) {
        var fileStatusRow = $("#uploadContainer ul.k-upload-files");
        fileStatusRow.hide('slow', function () { fileStatusRow.remove(); });
    }
    </script>