Skip to content

Kendo templating versus Aurelia templating: Problem definition

Nikolaj Ivancic edited this page Jan 23, 2016 · 1 revision

Note: this article is defining the problem that is discussed in details here


Kendo Grid supports row templates which uses the kendo templating system to bind html to the row context.

We ultimately want to have this API for our grid:

<template>
  <au-kendo-grid data-source.bind="datasource" auto-bind.bind="false" pageable.bind="true" sortable.bind="true">
    <au-kendo-grid-col title="Name" field="Name"></au-kendo-grid-col>
    <au-kendo-grid-col title="Id" field="Id">
    This is a template ${ $item.Id }
    </au-kendo-grid-col>
  </au-kendo-grid>
</template>

We'd like to use the Aurelia binding system within the Kendo Grid. So we have to find a way to "override" Kendo's templating system and trigger aurelia-templating to do its thing instead.