Ok, now we use the DataSource item as the viewmodel (example of Rosen and Carl). But that is to easy.
Let me sketch my an example of my use case:
DataSource with model { field1 (int), field2 (string), field3 (int with dropdownlist) }
HTML Template:
<div>
<input type="text" data-bind="value: field1" />
<input type="text" data-bind="value: field2" />
<input type="text" data-role="dropdownlist" data-bind="source: field3source, value: field3" />
<a data-bind="click: save">Save</a>
<a data-bind="click: cancel">Cancel</a>
</div>
Viewmodel: {
dataSourceItem: DataSource.view()[0],
field3source: field3sourceDataSource.view(),
save : function() { .... }
cancel : function() { .... }
/* any other function to support the view (visibility, enabling, etc) */
}
data-bind="value: field1" will not work because field1 is not a field of the viewmodel.
Should I use: data-bind="value: dataSourceItem.field1"?
And about field3source: should that point to a datasource.view()? Or should that be done an otherway?
Hopefully it is clear what I want to achieve and can you provide me an example.
The MVVM framework looks promising, but missing the real world examples until now.
Regards, Jaap