Kendo UI grid update function does not start

    $('#usersGrid').kendoGrid({
        columns: [
            { field: "UserName", title: "Display name", width: "140px" },
            { field: "Unit", title: "Unit", width: "140px" },
            { field: "Email", title: "E-mail", width: "140px" },
            { field: "Indienst", title: "Indienst", width: "140px" },
            { field: "Uitdienst", title: "Uitdienst", width: "140px" },
            { field: "Roles", title: "Roles" },
            { command: { text: "edit", click: openEdit } }
        ],
        editable: {
            update: true,
            create: true
        },
        dataSource: {
            transport: {
                read: function (options) {
                    $.ajax({
                        url: "/Administration/GetUserList",
                        dataType: "json", 
                        data: {
                            indienst: function () {
                                return indienst;
                            }
                        },
                        success: function (data) {
                            $("#usersGrid").data('kendoGrid').dataSource.data(data);
                        }
                    });
                },
                update: function (options) {
                    alert('not firing');
                }
            }
        },
        schema: {
            model: {
                id: "UserId",
                fields: {
                    UserId: { editable: false, type: "int" },
                    UserName: { type: "string" },
                    Unit: { editable: false, type: "string" },
                    Email: { type: "string" },
                    Indienst: { type: "string" },
                    Uitdienst: { type: "string" },
                    Roles: { editable: false, type: "string" }
                }
            }
        }
    });

This is my kendo user interface grid. It reads fine, but the problem is that it does not start calling datasource.transport.update when the grid cell inside the row changes . Why is this not so?

I made sure that I specified the identifier column and that the CRUD transport functions are of the same type (functions here, not URLs), but I tried to get it to work with URLs. Only transport.read will light up ...

when I check the console logs there are no errors.

So I want to edit it in a line. Click on the cell in the grid and change the value when you leave the focus of the cell, I want the dataSource.transport.update () file or any function to be executed.

http://jsfiddle.net/8tzgc/135/

Edit:

change(). , , , , . jsfiddle:

http://jsfiddle.net/8tzgc/140/

- , , .