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();
* myObject = $('grid').data('kendoGrid');
*/

// Add values
myObject.myDataArray.push({"Key": "Value", "Key": "Value"});

// Get values
myObject.myDataArray[0].get("Key");

// Overwrite value
myObject.myDataArray[0].set("Key", "Value");

 

DOM Optionen

data-role="grid"
data-toolbar='[{ template: kendo.template($("#template").html()) }]'
data-sortable="true"
data-pageable="true"
data-columns='[{"field":"ProductID","width":100}]'
data-height="450"
data-editable="true"
data-row-template="rowTemplate"
data-bind="source: gridDS"
  • data-columns unterstützt nur strings!
  • data-toolbar mit Template-Aufruf führt bei kendoUI Versionen vor 2013.2.716 zu einem JS-Fehler!

  1. http://docs.kendoui.com/getting-started/data-attribute-initialization []

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht.