Kendo MVVM создает новую запись с удаленным источником данных

Question

Я думаю, что мне не хватает чего-то простого, но я не могу найти примеров, показывающих, как это сделать ... также, пожалуйста, простите меня, если какая-то терминология, которую я использую неправильно.

Я просто хочу использовать HTML-форму, привязанную к объекту Kendo Observable, чтобы создать новую запись в удаленном источнике данных.

Все примеры, которые я видел, показывают, как редактировать существующие записи, но это не то, что я ищу (по крайней мере, на данный момент).

Я создал скрипку http://jsfiddle.net/matbeard/fYfYz/2/ с простой вырезанной версией того, что у меня до сих пор. Очевидно, что он фактически не сохранит запись, поскольку URL-адрес создания не указывает нигде, но я уверен, что смогу это обработать.

Может ли кто-нибудь указать мне в правильном направлении? Благодарю.

И потому, что я не могу оставить вопрос без него, вот некоторый код копируется из Fiddle:

var model = kendo.data.Model.define({ 
id: "id", 
fields: { 
    id: { type: 'number' }, 
    field1: { type: 'string' }, 
    field2: { type: 'string' }, 
    field3: { type: 'string' } 
} 
}); 

var viewModel = kendo.observable({ 
dataSource: new kendo.data.DataSource({ 
    type: 'json', 
    transport: { 
     create: { 
      url: '/myurl/create', 
      dataType: 'json', 
      type: 'post' 
     } 
    }, 
    schema: { 
     data: 'data', 
     model: model 
    } 
}); 
}); 

kendo.bind($("#my-form"), viewModel); 

Answer 1

Позволяет сделать это немного другое ...

• Ваша форма не нужна to (должен) быть привязан к объекту и объекту, содержащему DataSource, так как вы фактически не сохраняете источник данных, а одну запись.

Таким образом, вы должны определить модель, как:

var Model = kendo.data.Model.define({ 
    id: "id", 
    fields: { 
     id: { type: 'number' }, 
     field1: { type: 'string' }, 
     field2: { type: 'string' }, 
     field3: { type: 'string' } 
    } 
}); 

DataSource теперь становится объектом за себе:

var dataSource = new kendo.data.DataSource({ 
    type: 'json', 
    transport: { 
     create: "/myurl" 
    }, 
    schema: { 
     model: Model 
    } 
}); 

И ваш наблюдаемый объект имеет data элемент, который является экземпляром (new Model()).

var viewModel = kendo.observable({ 
    data: new Model(), 
    mySave: function(e){ 
     console.log("this", this.data); 
     dataSource.add(this.data); 
     e.preventDefault(); 
    } 
}); 

Итак, ваша форма должна быть теперь что-то вроде:

<form id="my-form"> 
    <input name="field1" data-bind="value:data.field1" type="text" /> 
    <input name="field2" data-bind="value:data.field2" type="text" /> 
    <input name="field3" data-bind="value:data.field3" type="text" /> 
    <button data-bind="click: mySave">Save</button> 
</form> 

Ваш JSFiddle modiefied http://jsfiddle.net/6LHx3/4/