Binden einer DropDownList in der benutzerdefinierten Kendo Scheduler-Vorlage (ASP.NET MVC Wrapper-Version)

Ich verwende den ASP.NET MVC-Wrapper für die Kendo-Benutzeroberfläche und versuche, mehrere Dropdown-Listen innerhalb einer benutzerdefinierten Vorlage (x-kendo-template) zu binden. Ich kann nicht herausfinden, wie dies mit dem ASP.NET MVC Wrapper (das ist ähnlich zu dieser Frage: Wie binde ich eine DropDownList an eine DataSource innerhalb einer Editor-Vorlage mit dem Scheduler? ).

Es gibt einige Beispiele zur Verwendung der Kendo Web-Version, aber keine vollständigen Beispiele, die einen benutzerdefinierten Pop-up-Editor mit dem Scheduler zeigen, der eine Dropdown-Liste enthält, die Daten von einer URL (json-Daten) zieht.

Gibt es ein End-to-End-Beispiel? Ich kann den Scheduler mit Daten laden. Das Problem tritt bei der benutzerdefinierten Vorlage und der Dropdownliste auf.

BEARBEITEN:

Nachdem ich ausführlich gesucht hatte, stolperte ich über eine "Erste Schritte" -Seite von Telerik, um den Kendo UI Scheduler in ASP.NET MVC zu verwenden. Sie (Telerik) müssen die Verknüpfung von Demos mit Dokumentation zu APIs und Beispielen wirklich besser machen ( Hier ist das Beispiel)

Ich habe auch einen Blogeintrag erstellt, der alles für einen Scheduler umschließt (von der Datenbanktabelle zu den Ansichten), Sie können das hier sehen. Kendo UI Scheduler mit ASP.NET MVC und Peta Poco

Das Beispiel gibt Aufschluss, was die Demo und die Dokumentation nicht tun, wie zum Beispiel das ViewModel, das sie in ihrem Beispiel online verwenden:

C # ViewModel

Ihr ViewModel, das Sie für den Scheduler verwenden, muss von der Klasse ISchedulerEvent erben, sonst funktioniert es nicht ordnungsgemäß.

Razor View

Die Razor-Ansicht ist ziemlich einfach, obwohl die meisten Demos, über die Sie laufen, Daten anzeigen, die über die Server-Seite (vom Controller) weitergeleitet werden. Hier mache ich das über Ajax-Methoden (Erstellen, Lesen, Aktualisieren, Zerstören).

Der Hauptpunkt bei der Verwendung der Datenquelle mit Ajax-Aufrufen wie oben ist, dass wir die Methoden in einen separaten Controller einfügen können, damit wir den Controller, der die Ansicht anzeigt, sauber halten können.

Razor-Ansicht - Kendo-Vorlage (für den Pop-up-Editor von Ereignissen)

Dies ist der Skriptblock für die x-kendo-Vorlage, der beim Erstellen und Bearbeiten von Ereignissen im Kendo Scheduler das Standard-Popup-Fenster überschreibt. Dieses Skript ist so ziemlich der wilde Westen und Sie können tun, was Sie wollen, und es ist standardmäßig mit dem Kendo MVVM-Modell gebunden. Nehmen Sie das jedoch mit einem Körnchen Salz, denn es gibt keine dokumentierte Möglichkeit, das ViewModel zu erweitern, um Ihre Datenquellen ordnungsgemäß aus benutzerdefinierten Dropdown-Listen im ASP.NET MVC-Wrapper (Version) des Schedulers zu platzieren. (Dies verwendet auch Twitter Bootstrap)

JsonResults (in Controller)

Hier sind die Ergebnisse von CRUD Json. Die JsonResults Create, Update und Destroy wurden für das Beispiel getrimmt.

JavaScript

Hier ist das JavaScript, das in einer eigenständigen JS-Datei enthalten ist, die meinem "Add" -Ereignis für den Scheduler entspricht. Ich habe das Ereignis "Edit" nicht angezeigt, da es sich um die gleiche Idee handelt und Sie es herausfinden sollten.

Einer der Schlüssel in dieser JavaScript-Funktion ist, dass wir unser Feld in eine Kendo DropDownList verwandeln und unsere Datenquelle gleichzeitig mit JsonResult verbinden (nicht abgebildet, aber ein einfaches Json-Objekt). Ein weiterer Schlüssel ist, wie wir die Datenquelle verdrahten, während wir eine neue kendo.data.DataSource erstellen. Wenn Sie versuchen, das JsonResult einfach zu verdrahten, wird es nicht funktionieren.

Fazit

Dies ist ein Problem, um Dropdown-Listen in einer Scheduler-Vorlage (Pop-up) zu füllen, wenn Sie die ASP.NET MVC Wrapper-Version der Kendo-Benutzeroberfläche verwenden. Ich bin offen für einen besseren Weg, in dem ich mir vorstelle, dass es die Json-Listendaten zu der internen MVVM hinzufügen wird, die der Kendo-Scheduler verwendet, aber ohne die Dokumentation für ASP.NET MVC oder Beispiele, wie man es abzieht, ist dies So kann es funktionieren.

BEARBEITEN SIE # 2 - Telerik ASP.NET MVC Beispiel

Ich habe endlich von Telerik Support zu diesem Thema gehört und wurde auf diesen Link verwiesen: Ссылка Dort ist ein Beispiel für ein MVC-Projekt, das zeigt, wie ein benutzerdefinierter Editor, Drop-Down-Listen mit Datenquellen, alles innerhalb von ASP.NET MVC verwendet wird. Warum auf der Erde gibt es keine Verbindung von der Dokumentation zu solchen Projekten, die offensichtlich helfen kann, ist ein Rätsel für mich.