Problems with inline editing

[Justin]

I've been struggling to get inline grid editing to work.

My first attempt was to take the MVVM demo (modified a little), and changing data-editable='true' to data-editable='inline'. When I did that, it behaves  erratically: it updates the underlying data immediately (before saving or cancelling), the "update" button does nothing, and the "cancel" button clears the entire grid. Here's a demo: http://jsbin.com/EHIYuDE/3/edit?html,output.   What's going wrong here?

Next I tried doing it in a non-MVVM way, which I also could not get to work: http://jsbin.com/EHIYuDE/6/edit?html,output. What am I doing wrong here?

Any example of how to get inline editing to work with local data, preferably in an MVVM style, would be much appreciated.

[Alexander Valchev]

Hello Justin,

Both implementation have the same problem - they use a mixture of MVVM and standard initialization.
Here is an example of Grid with inline editing bound and initialized via MVVM:

• http://jsbin.com/eBEwedA/2/edit
  
  

Note that the component is bound to the source via data-bind attribute. For more information please check the following help topics:

• http://docs.kendoui.com/getting-started/data-attribute-initialization
• http://docs.kendoui.com/getting-started/framework/mvvm/bindings/source
  
  

Regards,
Alexander Valchev
Telerik