Проблема с перетаскиванием сетки Кендо ⇐ Jquery

[Anonymous]

Мы используем функцию перетаскивания кендо внутри таблицы сетки кендо.

1) Если пользователь предоставляет данные в любых редактируемых полях и не сохраняет данные, если пользователь щелкает / переходит к другому полю для редактирования. Пользователь теряет свои обновленные данные.

2) Если пользователь обновляет какие-либо записи, мы обновляем/регенерируем таблицу снова. Или если мы обновляем/регенерируем вне функции, Или мы добавляем новые записи, используя вне функции. После этого пользователь не сможет удалить строку и заменить ее другой.

Файл Jsfiddel

var data = [
{ Id: 1, Name: "data 1", Position: 1 },
{ Id: 2, Name: "data 2", Position: 2 },
{ Id: 3, Name: "data 3", Position: 3 }
];

var dataSource = new kendo.data.DataSource({
data: data,
schema: {
model: {
Id: "Id",
fields: {
Id: { type: "number" },
Name: { type: "string" },
Position: { type: "number" }
}
}
}
});

var grid= $("#grid").kendoGrid({
dataSource: dataSource,
scrollable: false,
editable : true,
toolbar: ["save","cancel", "create"],
columns: ["Id", "Name", "Position"]
}).data("kendoGrid");

grid.table.kendoDraggable({
filter: "tbody > tr:not(.k-grid-edit-row)",
group: "gridGroup",
cursorOffset: { top: 10, left: 10 },
hint: function(e) {

return $('' + e.html() + '');
}
});

grid.table/*.find("tbody > tr")*/.kendoDropTarget({

group: "gridGroup",
drop: function (e) {

var target = dataSource.getByUid($(e.draggable.currentTarget).data("uid")),
dest = $(e.target);

if (dest.is("th")) {
return;
}
dest = dataSource.getByUid(dest.parent().data("uid"));

//not on same item
if (target.get("Id") !== dest.get("Id")) {
//reorder the items
var tmp = target.get("Position");
target.set("Position", dest.get("Position"));
dest.set("Position", tmp);

dataSource.sort({ field: "Position", dir: "asc" });
}
}
});


Подробнее здесь: https://stackoverflow.com/questions/157 ... drop-issue