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

<div id="tabstrip">
    <ul>
        <li>First Tab</li>
        <li>Second Tab</li>
    </ul>
    <div> </div>
    <div>
    </div>
 </div>

$(document).ready(function(){
    $("#tabstrip").kendoTabStrip({
        contentUrls: ["html-content-snippet.html", "html-content-snippet.html"]
    });
 });

I use AJAX-enable WCF service  and kendo ui grid

I want filter data but my code not work .

Plz help me to find  problem

thanks

Wcf service method:

And my script for grid: