Example using MVVM and Datasource to create new object

[James]

Hi,
I am having a few problems and so far are unable to find an example which integrates the basic MVVM regsistration example with a datasource which posts the registration details servier side using Create.
Is anybody able to provide a working example?

var viewModel = kendo.observable({
		assessmentDateSource: new kendo.data.DataSource({
			transport: {
				create: {
					url: crudServiceBaseUrl + "/Assessment/Create",
					type: "POST"
				},
				parameterMap: function (options, operation) {
					if (operation !== "read" && options.models) {
						return {
							models: kendo.stringify(options.models)
						};
					}
					return options;
				}
			}, batch: true,
			schema: {
				model: {
					id: "AssessmentId"
				}
			}
		}),
		firstname: "",
                lastname: "",
                create: function () {
                  //Datasource is empty here do I some how have to push the viewmodel into the datasource?
                  this.assessmentDateSource.sync();
		}
	});

Thanks in advance

[Peter Bulloch]

I am in exactly the same quandary as you are. I cannot get the viewModel to initially populate anything!

[Joshua]

If I understand your problem correctly, you just need to make sure your datasource has data before you bind the viewModel. Generally, I try to manually ensure that my datasources are populated in a specific order before binding by using the following trick:

viewModel.dataSource1.fetch(function () {
viewModel.dataSource2.fetch(function () {
kendo.bind($("content"), viewModel); });
});

[Peter Bulloch]

Joshua - that looks rediculously simple!  I didn't notice the fetch command in the specs so will try that as soon as I can.  If it works I will buy you a beer.  Thanks for the feedback. 

[Mark]

But what if you are "Creating" a new object and not Editing?  I have no need to fetch because I am creating new.  I see all types of examples for Editing, but pretty much NO examples for Create New that doesn't involve a Grid.  Am I missing something here?  I am using Kendo IU, MVVM and Web API.  I'm just trying to get the data POSTed to the Web API by calling .sync from the datasource, but it never hits my API method and I don't receive any errors...anybody got sample code out there???  Thanks

[Chris]

[quote]Mark said:But what if you are "Creating" a new object and not Editing?  I have no need to fetch because I am creating new.  I see all types of examples for Editing, but pretty much NO examples for Create New that doesn't involve a Grid.  Am I missing something here?  I am using Kendo IU, MVVM and Web API.  I'm just trying to get the data POSTed to the Web API by calling .sync from the datasource, but it never hits my API method and I don't receive any errors...anybody got sample code out there???  Thanks[/quote]

I have the exact same problem. Were you able to find a solution?

[Mark]

You have to perform a fetch first.  So I just "fetched" with id=0, sent back a new object to the client that gets bound to the form.  Then everything works...