DataSource Destroy Rollback, with firebug js

Destroy does not rollback when it fails.

by manoj

HTML

<script src="http://getfirebug.com/firebug-lite-debug.js"></script>
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<div id="KendoGrid"></div>

JavaScript

var _data = [
        { Users_ID: 1, Users_FullName: 'Bob Smith', Users_Role: 'Administrator' },
        { Users_ID: 2, Users_FullName: 'Barry Baker', Users_Role: 'Viewer' },
        { Users_ID: 3, Users_FullName: 'Bill Cow', Users_Role: 'Editor' },
        { Users_ID: 4, Users_FullName: 'Boris Brick', Users_Role: 'Administrator' }
    ],
    _dataSource = new kendo.data.DataSource({
        transport: {
            read: function(options) {
                options.success(_data);
                console.log('Read Event Has Been Raised');
            },
            destroy: function (options) {
                options.error(new Error('Error Deleting User'));
                console.log('Destroy Event Has Been Raised');
            }
        },
        schema: {
            model: {
                id: "Users_ID",
                fields: {
                    Users_ID: { editable: false, nullable: true },
                    Users_FullName: { type: "string", validation: { required: true } },
                    Users_Role: { type: "string", validation: { required: true } }
                }
            }
        },
        error: function(a) {
            console.log("error", a);
            $('#KendoGrid').data("kendoGrid").cancelChanges();
        }
    });

    $('#KendoGrid').kendoGrid({
        dataSource: _dataSource,
        columns: [
            { field: "Users_FullName", title: "Full Name" },
            { field: "Users_Role", title: "Role", width: "130px" },
            { command: ["edit", "destroy"], title: "&nbsp;", width: "180px" }
        ],
        toolbar: ['create'],
        editable: 'popup'
    });