После загрузки файла через Kendo Upload Remove Done и правая галочка на выбранном файле

У меня проблема с загрузкой Кендо. После загрузки файла я получаю «Готово» и «Правую галочку» на правой стороне выбора файла. Как я могу удалить это?

После нажатия кнопки «Сохранить» в моей форме файл управления загрузкой удаляется, но «Готово» и «Правая галочка» остаются постоянными.

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

person Karthik    schedule 28.03.2014    source источник


Ответы (3)


Чтобы удалить встроенный текст из элемента управления KendoUpload, переопределите свойства локализации пустой строкой. В вашем случае удалите «Готово»:

$("#files").kendoUpload({
    multiple: true,
    async: {
        saveUrl: "...",
        removeUrl: "...", 
        autoUpload: false
    },
    localization: {
        // Override built-in text "Done"            
        headerStatusUploaded:"",
        statusUploaded:""
    }
    ...
});
person Buffalo    schedule 15.05.2014
comment
этот код удаляет только текст «Готово». Но галочка все еще существует. Как это удалить? - person 7783; 29.12.2014

Вы можете просто использовать это

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

Работал как шарм для меня.

person Vikneshwar    schedule 11.02.2016

Следующее полностью удалит строку состояния.

 @(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>
person Harry    schedule 22.08.2016