function buildChart() {
    $("#chartPane").kendoChart({
        title: {
            text: "Type by Distributor"
        },
        dataSource: {
            data: queryData
        },
        seriesDefaults: {
            type: "column"
        },
        series: [{
            field: "size",
            name: "size"
        }],
        categoryAxis: {
            field: "distributor",
            labels: {
                rotation: -90
            }
        }
    });
}

var vendorAlphaDS = kendo.data.DataSource.create({
                                     transport: {
read: {
url: "http://localhost/~termleech/conference/vendors/all",
dataType: "json"
}
     }
});

Here's my grid configuration:

            gridItems.kendoGrid({
                selectable: "row",
                scrollable: true,
                pageable: false,
                sortable: true,
                filterable: false,
                rowTemplate: kendo.template($("#gridItemsRowTemplate").html()),
                dataSource: {
                    data: data
                },
                columns: columns,
                editable: "inline",
                toolbar: ["create", "save", "cancel"],
                navigatable: true
        });

I've had to add the following code in order to get my grid into edit mode:

            $("#gridItems td").click(function() {
                if (!$(this).closest('tr').hasClass('k-grid-edit-row')) {
                    costingSheetItems.data("kendoGrid").editRow($(this).closest('tr'));

                    // remove spinner controls from numeric textboxes
                    var numericWrapper = $("#gridItems td").find(".k-numeric-wrap")

                    numericWrapper.find(".k-select").hide();
                    numericWrapper.addClass("expand-padding");
                }
            });


BUT, once it is in edit mode after I click on a row, if I type a new value into a cell and press Tab, the grid leaves edit mode and I can't get it back into edit mode.

Jerry