Hi,
I am trying to setup MVVM with data coming from remote DataSource. Following is my data:
{ "Id": "N0001", Name="test" }
I am trying to use the following code to load data from remote source and bind it to the page:
<div class="row">
<div class="span1">Id:</div>
<div class="span7" data-bind="text: Id"></></div>
</div>
<div class="row">
<div class="span1">Name:</div>
<div class="span7" data-bind="text: Name"></div>
</div>
<script type="text/javascript">
$(document).ready(function () {
var dataSource = new kendo.data.DataSource({
transport: { read: "/api/Institution/1", dataType: "json" },
schema: { model: { id: "Id", fields: { Id: { type: "string" }, Name: { type: "string" } } } }
});
dataSource.read();
var viewModel = kendo.observable({
inst: dataSource.view()[0]
});
kendo.bind($("div#InstitutionHeader"), viewModel.inst);
});
</script>
Unfornately, this code does not work. I am wondering if you have any sample code to do so. (You have some sample code using you UI widgets with remote data. You also have sample to do MVVM using array data. But, I could not really find sample code combining MVVM with DataSource.)
Besides this, I am trying to use WebApi (MVC 4) to expose some simple readonly data points. I used to use jQuery ajax to load and display them on page. After watching your demos, I am wondering if I should use DataSource and/or MVVM for these? When using with live / editable data, MVVM makes sense, how about readonly data? What is best KendoUi approach to do this kind of "bind once" scenario?
Thanks in advance.