Kendo Grid / Detail template with multiple grid detail

[Vasile]

Hello all,

I need to make a KendoUI Grid with TabStrip detail template(like http://demos.telerik.com/kendo-ui/grid/detailtemplate but with one grid in every tabs)

TabStrip have 3 tabs.

I need to put one grid in every tab.

Works fine with one grid, but no works with many.

In function detailInit when i try to create the second tab "detailRow.find(".plata").kendoGrid" obtain "kendo.web.js:44029 Uncaught TypeError: Cannot read property 'locked' of undefined".

Below is a part of the code:

<script type="text/x-kendo-template" id="template">
    <div class="tabstrip">
        <ul>
            <li class="k-state-active">
               Cantitativ
            </li>
            <li>
                Plata
            </li>
            <li>
                Expeditie
            </li>
        </ul>
        <div>
            <div class="cantitativ"></div>
        </div>
        <div>
            <div class="plata"></div>
        </div>
        <div>
            <div class="expeditie"></div>
        </div>
    </div>

</script>

.....

function detailInit(e) {

 var detailRow = e.detailRow;
detailRow.find(".tabstrip").kendoTabStrip({
    animation: {
        open: { effects: "fadeIn" }
    },
});

detailRow.find(".cantitativ").kendoGrid({

....

});

detailRow.find(".plata").kendoGrid({
....
});

thanks,

[Vasile]

Hi. I fixed.

The problem was a comma

        columns: [

             //....
            { field: "pfsc", title: "PFSC", width: "40px" },//this comma
            ,{ command: [