Two-way binding for widget properties

[Mike]

I was recently reviewing the Chart/API/Methods demo. Here is my understanding of the approach used in the demo:

1. Thanks to event bubbling, the change event for the "configuration" div fires when any of the chart configuration settings change.
2. The change event handler calls the refresh function, which scans all the current settings in the configuration div and refreshes the chart.

Is my understanding correct? If so, I was wondering if there are any alternative approaches for widget configuration that utilize Kendo MVVM. In other words, while I understand that HTML elements can be bound to each other using a ViewModel and the Kendo MVVM framework, I'm curious if a Javascript object property, such as a chart series type, can be bound to an HTML element, such as a radio button, in a similar manner.

A related question:
My ultimate goal is to create an app in which the user can configure a chart to his/her liking and then save that configuration to his/her ASP.NET profile. Does anyone know of any documentation or tutorials that explain how to save, say, a Kendo Stockchart configuration to a persistent data store?

[Alexander Valchev]

Hi Michael,

You understood correctly the example.
I am afraid that the widget configuration is not an observable object and cannot be bound directly to HTML elements. Moreover not all widgets can change their configuration at run time.

The widgets support initialization from the mark-up via data attributes (docs). 

Regarding your second question, saving the configuration settings is not supported out of the box. We have a code library project that demonstrates one possible implementation - storing settings in a cookie. The project uses Kendo Grid but I believe that you may find it helpful. 

Kind regards,
Alexander Valchev
the Telerik team