How to add row to CRUD datasource using MVVM?

[Gary]

I have defined a kendo datasource with transport methods (create, read, update, and destroy), as well as a schema definition:

            var dataSource = new kendo.data.DataSource({

            transport: {

                create: {

                    url: "/api/Prospects",

                    type: "POST"

                },

                read: "/api/Prospects",

                update: {

                    url: "/api/Prospects",

                    type: "PUT"

                },

                destroy: {

                    url: "/api/Prospects",

                    type: "DELETE"

                }

            },

            schema: {

                model: {

                    id: "ProspectId",

                    fields: {

                        ProspectId: {

                            editable: false,

                            nullable: true

                        },

                        FirstName: { type: "string" },

                        LastName: { type: "string" },

                        EmailAddress: { type: "string" },

                        ProspectTypeId: { type: "number" },

                        ProspectStatusId: { type: "number" }

                    }

                },

                type: "json"

            }

        });

My form elements contain appropriate data-bind attributes to form elements, and I am calling kendo.bind passing the form and datasource as parameters. The goal is that the form is used for both adding and editing records.

I am not sure how to write the code to initialize the form for adding a new record to the datasource.

I've been unsuccessful finding an example to do this on the kendo website. Can you help?

Thanks,
Gary

[Joshua]

I am also interested in a solution to this particular problem. I have taken the same steps as the OP, and noted that updates to my form appear to update the elements in the DataSource model. However, calling .sync() doesn't appear to do anything. Can we get some input on this problem?

[Ä m o l]

I am also having the same problem.... I am expecting quick answer from Kendo Team

[Lee]

Me too, I have read everything there is in the documentation and forums on this but cannot get anything to work.  There are no real working examples that I can find.

[Tess]

Full disclosure:  I am a total Kendo newbie.

Gary, you said: "I am calling kendo.bind passing the form and datasource as parameters."   I think that's your trouble.  kendo.bind wants a kendo.observable passed in -- not a datasource.  Frustrating -- I know!

The example that finally got me unstuck is here: http://demos.kendoui.com/web/mvvm/remote-binding.html

See how they pass the datasource into a field in the viewModel object, and then bind the viewModel to the form?  I think that's what you want to do!

I have tested this out, and it seems to work.  Let me know if you need more help!

Tess

[Devon]

I'm having the same issue as Joshua. 

My datasource is being updated locally but calling dataSource.sync() does nothing. The request isn't being sent to the server or anything.

[Ross]

I totally agree, found lots of examples that add or update locally but no examples I've found actually call an mvc controller on the server side. The few examples I've found don't work because of a sql express provider error. Disappointing!

[Christophla]

I've been struggling with this for weeks. Honestly, there are too many ways to utilize Kendo and not nearly enough examples.

I'm tired of reading "how to populate a grid".

[Ross]

Hey all,

I got an example working that actually hits a controller and a dbase.  See attached and hopefully they will help you all out.

Ross