The problem is generally one of performance and development costs. We don’t want to load 10 different Kendo Grids and certainly don’t want to make multiple calls to the API server. Doing so would not only slow down the site, but also be a tedious mess to debug and maintain.
Using WebForms, simple repeaters were an easy solution, but with the advent of WebApi, that’s simply not available. The search for a solution finally led us to a blog posting by Josh Eastburn (http://blog.falafel.com/nested-templates-kendo-ui/). By leveraging nested templates, we can utilize much of the same code, eliminate multiple errors with the addition of a minor tweak.
The most important thing is to refer to the nested templates by class rather than by id.
kendo.template($('#task-template').html()
changes to
kendo.template($('.task-template').html()
Here’s the Fiddler: http://jsfiddle.net/falafelsoftware/L14gv02g/
