Category: kendoUI

Das Filtern von Datums/Zeitangaben wird von kendoGrid standardmässig nicht komplett unterstützt. Genauer gesagt schlägt die Suche nach “ist gleich” fehl, da diese Prüfung auch die Uhrzeit mit einschliesst. Mit dem folgenden Code kann der Filter für Datumsspalten so überschrieben werden, dass auch Datums/Zeit-Spalten gefiltert werden können. $(‘#grid’).kendoGrid({ // … /** * Modify column filter for […]

Multiselect JS-Fehler in IE8: Unerwarteter Aufruf oder Zugriff Als Ursprungselement unbedingt ein <select> Element verwenden. Andernfalls kommt es im Internet Explorer zu einem jQuery Fehler, wenn im DOM keine Kindelemente an das <select> angehängt werden können.   Templates JS-Fehler in IE8: Das Objekt unterstützt diese Eigenschaft oder Methode nicht. Internet Explorer unterstützt die .forEach Methode […]

Eigene Validierungsnachricht Zur Definition einer eigenen Fehlermeldung für die Standard-Validierung mit Hilfe von MVVM muss das data-required-msg Attribut verwendet werden. Über MVVM kann für eine eigene Validierungsmethode das Attribut data-meineValidierungsFunktion-msg für eine eigene Mitteilung bei Fehlern definiert werden.   Eigene Validierungslogik function myValidation(elem) { // check if correct input element if(elem.hasClass(‘my-element’)){ // do the validation […]

Zellentemplate // kendoTemplate <script type=”text/x-kendo-template” id=”kendo-template”> <div>#=Name#</div> </script> <script> // create kendoGrid object function LoadData() { $(“#grid”).kendoGrid({ dataSource: dataSource, columns: [ { title: “Email”, field: “Email”, template: ‘<a href=”mailto:#=Email#”>#=Email#</a>’ }, { title: “Name”, field: “Name”, template: kendo.template($(“#kendo-template”).html()) }, { title: “First Name”, field: “FName”, template: ‘#=Getvalue(FName)#’ } ] }); } </script>   Zellentemplate mit MVVM […]

Datensätze aus kendo.DataSource <script> var dataSource = new kendo.data.DataSource({ transport: { read: { url: “http://demos.kendoui.com/service/products”, dataType: “jsonp” // “jsonp” is required for cross-domain requests; use “json” for same-domain requests } } }); // read the data items from http://demos.kendoui.com/service/products dataSource.fetch(function(){ var data = this.data(); console.log(data.length); // displays “77” console.log(data[0].ProductName); // displays “Chai” }); </script>

MVVM data- Attribute Nach meiner Erkenntnis lassen sich die einzelnen Methoden eines Widgets durch einfaches voranstellen von data- ansteuern. So lässt sich beispielsweise die dataBound Methode des kendoGrid-Objekts über data-bound definieren. Weitere Informationen gibt es auf der kendoUI Webiste1   MVVM-Array Daten modifizieren /* * Define objects with kendo.dataSource content * myObject = new kendo.observable(); […]

Template Objekt erzeugen und Daten injizieren <script type=”text/javascript”> // Template-Objekt erzeugen detailsTemplate = kendo.template($(“#template”).html()); // Daten injizieren window.content(detailsTemplate($meineDaten)); </script> <!– kendo Template –> <script type=”text/x-kendo-template” id=”template”> <div id=”details-container”> <h2>#= FirstName # #= LastName #</h2> <em>#= Title #</em> </div> </script>   Weiterführende Links Blog Artikel zum Thema KendoUI Templates1 http://www.kendoui.com/blogs/archive/11-08-26/kendo_ui_templates_faster_than_a_speeding_resig.aspx [↩]