Kendo UI Grid

jQuery + Kendo UI

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.web.min.js"></script>
<div id="divCodeGrid">
    
    </div>

JavaScript

var mode = "";
        $(document).ready(function () {
            var gridData = [{ Name: "ABC" }, { Name: "XYZ"}];
            var schema = {
                model:
                            {
                                fields:
                                {
                                    Name:
                                    {
                                        validation: { required: true }
                                    }
                                }
                            }
            };
            var toolbar =
            [
                { name: "create", text: "Add" },
                { name: "edit", text: "Edit" },
                { name: "destroy", text: "Delete" },
                { name: "save", text: "Save" },
                { name: "cancel", text: "Cancel" }
            ]
            var columns = [{ field: "Name", title: "Name"}];
            var sortable = true;
            $("#divCodeGrid").kendoGrid({
                dataSource: {
                    data: gridData,
                    autoSync: true,
                    schema: schema
                },
                selectable: "row",
                toolbar: toolbar,
                columns: columns,
                dataBound: onDataBound,
                selectable: "row",
                scrollable: true,
                filterable: false,
                sortable: sortable,
        save: function (e) {
            var grid = $("#divCodeGrid").data("kendoGrid");
            grid.element.find('tbody tr:first').addClass('k-state-selected')
        },
        saveChanges: function (e) {
            ViewMode();
            mode = "Add";
        },
        edit: function (e) {
            if (mode == "Add") { addSelectedRow(); }
            EditMode();
        }
    });


    $("#divCodeGrid .k-grid-toolbar .k-grid-add").on("click", function (e) {
        e.preventDefault();
        mode = "Add";
        addSelectedRow();
    });

   ...