Ich benutze den Kendo UI File Upload für MVC und es funktioniert super. Auf meiner Bearbeitungsseite möchte ich die Dateien anzeigen, die zuvor von der Seite "Erstellen" hochgeladen wurden. Zur visuellen Konsistenz möchte ich das Upload-Widget auf meiner Bearbeitungsseite erneut verwenden, damit der Benutzer die Funktion "Entfernen" verwenden oder bei Bedarf weitere Dateien hinzufügen kann. Unterstützt das Upload-Widget dies?
Danke!
Also, ich weiß, dass das eine ziemlich alte Frage ist, aber ich habe kürzlich herausgefunden, wie man das zuverlässig macht. Während die andere Antwort hier die Dateien anzeigt, wird sie nicht wirklich mit den Ereignissen verknüpft (speziell mit dem Ereignis "remove"). Anstatt all das manuell einzustellen, dachte ich mir, dass ich Kendo lieber die ganze dreckige Arbeit machen lassen würde.
Hinweis: Dies gilt nur, wenn Ihr Dateiupload nicht auf automatische Synchronisierung eingestellt ist. Wenn Sie die automatische Upload-Funktion verwenden, finden Sie Beispiele in der Kendo-Dokumentation hier: Ссылка
Also nehmen wir an, wir haben eine Dateieingabe, die wir in einen Kendo Upload gemacht haben:
%Vor% %Vor%Dann müssen wir nur die Informationen über die Dateien zu unserem jQuery bekommen. Ich mag es in JSON Strings in versteckten Feldern zu jammen, aber Sie können es tun, wie Sie wollen.
Hier ist ein Beispiel mit den Mvc HtmlHelpers und Newtonsoft JSON.NET (Ich benutze kein Razor, aber Sie sollten die allgemeine Idee bekommen):
%Vor%Beachten Sie, das Format ist unglaublich wichtig . Wir verknüpfen die Struktur des JavaScript-Objekts, das Kendo erwartet:
%Vor% Also, dann bleibt nur noch alles zusammen. Im Grunde werden wir die Funktion onSelect von Kendos internem syncUploadModule neu erstellen:
Und das ist es ziemlich!
Ich habe einen Weg gefunden, dies zu tun.
Im Grunde benötigen Sie HTML, das das generiert, was das Upload-Steuerelement generiert, und Sie verwenden ein bisschen JavaScript, um jedes Element zu haken. Ich rendere den HTML-Code zunächst als ausgeblendet, und nachdem Sie das Kendo Upload-Steuerelement initialisiert haben, hängen Sie die HTML-Liste an den übergeordneten Container an, den Kendo erstellt.
Dies ist meine MVC-Ansicht:
%Vor%und hier ist das JavaScript (Hinweis, es wurde aus CoffeeScript generiert):
%Vor%Sie finden die vollständige Beschreibung in meinem Blog , in der ich auf das Thema eingehe. Ich hoffe, das hilft dir!
Tags und Links kendo-ui