Hi Peter,
After inspecting the provided example it appears that the "rowTemplate" of the child grid causes the issue - after removing it everything start working as expected. Please check the updated example below:
The reason for the above "rowTemplate" is not working is that it use "angular" binding where the child grid is initialized using regular JavaScript - in this case you should use Kendo UI template syntax and MVVM binding n order to achieve the desired behavior. Please check the example configuration below:
Regards,
Vladimir Iliev
Telerik
After inspecting the provided example it appears that the "rowTemplate" of the child grid causes the issue - after removing it everything start working as expected. Please check the updated example below:
The reason for the above "rowTemplate" is not working is that it use "angular" binding where the child grid is initialized using regular JavaScript - in this case you should use Kendo UI template syntax and MVVM binding n order to achieve the desired behavior. Please check the example configuration below:
rowTemplate: kendo.template($(
"#domainYearSemesterGridRowTemplate"
).html()),
dataBinding:
function
() {
var
detailGrid =
this
;
detailGrid.table.find(
"tr[data-uid]"
).each(
function
() {
kendo.unbind($(
this
));
});
},
dataBound:
function
(e) {
var
detailGrid =
this
;
detailGrid.table.find(
"tr[data-uid]"
).each(
function
() {
var
model = detailGrid.dataItem($(
this
));
kendo.bind($(
this
), model);
});
},
<
script
type
=
"text/x-kendo-template"
id
=
"domainYearSemesterGridRowTemplate"
>
<
tr
data-uid
=
"#= uid #"
>
<
td
class
=
"k-hierarchy-cell"
>
</
td
>
<
td
>
<
input
type
=
"text"
class
=
"k-input k-textbox col-lg-12 col-md-12"
data-bind
=
"value: domainYearSemesterVO.domainVO.domain"
/>
<
span
data-bind
=
"text: uid"
></
span
>
</
td
>
<
td
>
<
input
type
=
"text"
class
=
"k-textbox"
lass
=
"k-input k-textbox col-lg-12 col-md-12"
data-bind
=
"value: domainYearSemesterVO.domainVO.kdokey"
/>
</
td
>
<
td
>
#=domainYearSemesterVO.reportAtDimensionLevel ? domainYearSemesterVO.reportAtDimensionLevel : "no value"#
</
td
>
<
td
>
</
td
>
<
td
>
</
td
>
</
tr
>
</
script
>
Regards,
Vladimir Iliev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!