Angularjs Kendo Detail Grid does not display data

3 posts, 0 answers
  1. Beryl
    Beryl avatar
    22 posts
    Member since:
    Jul 2015

    Posted 14 Jun 2017 Link to this post

    I am trying to create a master/detail grid using this example Kendo Dojo. It seemed to work fine as both grids are receiving data. However, when I expand the detail grid the rows do not display. If you see the example below, TagID #1 has a record count of 1 detail row that should display but it doesnt'. It only shows like a white space, whereas TagID #22 which does not have any detail records shows a record count of 0 and a completely empty grid.

    Here is my HTML:

    <div kendo-grid="tagsGrid" options="tagsGridOptions">

        <div k-detail-template>

    <kendo-tabstrip>

    <ul>

    <li class="k-state-active">Tagged Contractors</li></ul>

    <div>

    <div kendo-grid k-options="detailGridOptions(dataItem)"></div>

    </div></kendo-tabstrip></div>

    </div>

    Here is my Angular Controller Code for the detail grid:

     

    $scope.detailGridOptions = function (dataItem)

    {return

    { dataSource:

    { type: 'aspnetmvc-ajax', transport:

    { read: "/Home/GetTaggedContractorsByMajor"},

    serverPaging: true,

    serverSorting: true,

    serverFiltering: true,

    pageSize: 5,

    filter: { field: "TagID", operator: "eq", value: dataItem.TagID },

    schema: { data: "Data", total: "Total"}},

    scrollable: false,

    sortable: true,

    pageable: true,

    columns: [{ field: "CompanyID", title: "CompanyID"},{ field: "vchCompanyName", title: "Company Name"}]};};

    I didn't include the code for the master grid for brevity, but if anyone feels they need it in order to help, I will gladly add it.
  2. Beryl
    Beryl avatar
    22 posts
    Member since:
    Jul 2015

    Posted 14 Jun 2017 in reply to Beryl Link to this post

    Something keeps going wrong when I tried to add the pic and I can't seem to edit or delete posts.
  3. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    1017 posts

    Posted 16 Jun 2017 Link to this post

    Hi Beryl,

    Indeed, the Kendo UI Forum posts can only be deleted by an administrator. 

    You should be able to past an image inline or attach it. Allowed extensions are zip, rar, jpg, gif, CSS, png.
    Regarding the Kendo UI Grid, perhaps you could edit the example here and send it back so we can inspect the issue locally:

    http://dojo.telerik.com/imumU

    Is it possible that one of the options are undefined in the case when the Kendo UI Grid is not rendered?

    http://docs.telerik.com/kendo-ui/AngularJS/introduction#widget-html-options

    Regards,
    Alex Hajigeorgieva
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top