通过Kendo上传文件后在选择文件上删除“完成”和“右刻度标记”

时间:2014-03-28 09:28:56

标签: asp.net-mvc-4 kendo-upload

我遇到了剑道上传问题。上传文件后即可完成"完成"和#34;右刻度标记"在选择文件右侧。我该如何删除?

点击保存按钮后,我的表单上传控制文件正在删除,但是"完成"和#34;右刻度标记"保持不变。

 //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)
    ) 

3 个答案:

答案 0 :(得分:1)

你实际上可以使用这个

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

对我来说就像一个魅力。

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

以下内容将完全删除状态行。

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