[Solved] Column Template in Grid using MVVM

[Raja]

I am trying to define column template for the grid using MVVM. Below is the piece of code that i am using.

data-columns="[
                                    {'template':'<input type=checkbox ><\/input>'}
]"

This is working fine. But this html is not exactly valid as I am missing single quotes (') and I am using closing tag for input which is ideally not required. How can define this in correct way? I think i am missing something very simple.

[Raja]

Please ignore my previous post. This one works fine in IE 11 and Chrome but it gives an error in Visual Studio which I think is expected.
So no worry on this. Hope this has no problem with other versions/browsers.

data-columns="[
       {'template':'<input type=\'checkbox\' / >'}
]"

[Alexander Valchev]

Hello Raja,

Your solution is correct - the inner quotation marks should be escaped with a backslash.

Regards,
Alexander Valchev
Telerik

 

 

[Mark]

How would I pass data to the template column?  I would want to build a link or command template column that builds a link to an edit or details page so I need to pass the Id to the Link/Template...Thanks...

[Konstantin Dikov]

Hi Mark,

You can access the fields from the data item within a template by following the approach from the below help article:

• http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.template

As you will notice, you can use template like the following one for creating a link:

{'template':'<a href=\'pageurl?id=#=ProductID#\'\>link</a>'}

For your convenience, here is a dojo example with such implementation:

• http://dojo.telerik.com/uQUvu

Hope this helps.


Regards,
Konstantin Dikov
Telerik