Changing the row template after grid creation

[Chris]

Hi,

Is there any way to change the row template after the grid has been created on the page?  We want to provide different views of the grid (like small icons, large icons, etc) but we also need to be able to revert back to the standard template (i.e. no overriding template/Kendo creates the template).

Any ideas how we can do this please?

[Alexander Valchev]

Hello Chris,

This example demonstrates how to achieve this.

• http://jsbin.com/ozasod/2/edit

Regards,
Alexander Valchev
the Telerik team

[Chris]

Hi Alexander,

Thanks for your response and that works very well, but I also need a button on there to revert back to the standard template, i.e. Kendo's own template as if I never provided one, do you know how that can be done please?

I've tried setting the row template to null and undefined but neither work.

[Alexander Valchev]

Hi Chris,

To achieve that you can store the original template in a variable:

var grid = $("#grid").kendoGrid({
    dataSource: dataSource
}).data("kendoGrid");

var originalRowTemplate = grid.rowTemplate;
var originalAltRowTemplate = grid.altRowTemplate;

For your convenience I updated the sample:

• http://jsbin.com/ozasod/6/edit

Kind regards,
Alexander Valchev
the Telerik team