This is a migrated thread and some comments may be shown as answers.

Angularjs Kendo Detail Grid does not display data

2 Answers 407 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Beryl
Top achievements
Rank 1
Beryl asked on 14 Jun 2017, 01:49 PM

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 Answers, 1 is accepted

Sort by
0
Beryl
Top achievements
Rank 1
answered on 14 Jun 2017, 01:53 PM
Something keeps going wrong when I tried to add the pic and I can't seem to edit or delete posts.
0
Alex Hajigeorgieva
Telerik team
answered on 16 Jun 2017, 08:52 AM
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.
Tags
Grid
Asked by
Beryl
Top achievements
Rank 1
Answers by
Beryl
Top achievements
Rank 1
Alex Hajigeorgieva
Telerik team
Share this question
or