    $("#grid").kendoGrid({
        dataSource: dataSource,
        toolbar: ["create"],
        scrollable: false,
        columns: [
           { field: "ServiceType", title: "Service/Items", editor: serviceItemAutoCompleteEditor, template: "#=ServiceType.ShortDescription# \u003cinput type=\u0027hidden\u0027 name=\u0027Details[#= index(data)#].ServiceType.Id\u0027 value=\u0027#= ServiceType.$key #\u0027 /\u003e" +
                   "    \u003cinput type=\u0027hidden\u0027 name=\u0027Details[#= index(data)#].ShortDescription\u0027 value=\u0027#= ServiceType.ShortDescription #\u0027 /\u003e" +
                    "    \u003cinput type=\u0027hidden\u0027 name=\u0027Details[#= index(data)#].Description\u0027 value=\u0027#= ServiceType.Description #\u0027 /\u003e" },
           { field: "Rate", title: "Unit price", template: "#= kendo.toString(ServiceType.Rate, 'c')# \u003cinput type=\u0027hidden\u0027 name=\u0027Details[#= index(data)#].Rate\u0027 value=\u0027#= ServiceType.Rate #\u0027 /\u003e" },
           { field: "Quantity", title: "Quantity", width: "150px", template: " #= kendo.toString(Quantity, 'n') #\u003cinput type=\u0027hidden\u0027 name=\u0027Details[#= index(data)#].Quantity\u0027 value=\u0027#= Quantity #\u0027 /\u003e" },
           { field: "UnitOfMeasure", title: "Unit of measure", width: "100px", template: "#=ServiceType.UnitOfMeasure #\u003cinput type=\u0027hidden\u0027 name=\u0027Details[#= index(data)#].UnitOfMeasure\u0027 value=\u0027#= ServiceType.UnitOfMeasure #\u0027 /\u003e" },
           { field: "Discount", title: "Discount", width: "100px", editor: numericEditor, template: " #= kendo.toString(Discount/100, 'p0') #\u003cinput type=\u0027hidden\u0027 name=\u0027Details[#= index(data)#].Discount\u0027 value=\u0027#= Discount.toFixed() #\u0027 /\u003e" },
           { field: "Total", title: "Total", width: "100px", template: "#= kendo.toString((ServiceType.Rate * Quantity) - ((ServiceType.Rate * Quantity) * (Discount.toFixed() / 100)), 'c')# " },
           { command: { name: "destroy", text: "" }, title: "&nbsp", width: "110px" }]
    });


function serviceItemAutoCompleteEditor(container, options) {
    $('<input data-text-field="ShortDescription" data-value-field="ShortDescription" data-bind="value:' + options.field + '"/>')
        .appendTo(container)
        .kendoAutoComplete({
            autoBind: false,
            suggest: true,
            placeholder: "Select an item",
            filter: "contains",
            index: 1,
            minLength: 1,
            dataSource: {
                type: "json",
                transport: {
                    read: "/sdata/somedata"
                },
                schema: { data: "$resources" }
            }
        });
}