Quantcast
Channel: Telerik Forums RSS
Viewing all articles
Browse latest Browse all 94857

Hierarchy grid templating. Possible?

$
0
0
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:


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" />
            <spandata-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!
 

Viewing all articles
Browse latest Browse all 94857

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>