Kendo Grid / Detail template with multiple grid detail

2 posts, 0 answers
  1. Vasile
    Vasile avatar
    2 posts
    Member since:
    Feb 2013

    Posted 31 Mar 2016 Link to this post

    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,

  2. Vasile
    Vasile avatar
    2 posts
    Member since:
    Feb 2013

    Posted 01 Apr 2016 in reply to Vasile Link to this post

    Hi. I fixed.

    The problem was a comma

            columns: [

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

Back to Top