KendoUI Grid - 如何以声明方式将MVVM数据列模板设置为外部模板？

Question

我正在努力将声明设置网格列设置为外部模板

这是我的模板

<script type="text/x-kendo-template" id="someTemplate">
    <div>
        <label> ${firstName}</label>  
        <label>${lastName}</label>
    </div>
</script>

这是网格声明

<div data-role="grid" data-bind="source: people" data-columns='[
    {"field": "firstName",
     "title": "Full Name",
     "template": "kendo.template($("#someTemplate"))"
    }
]'></div>

这里是JS Fiddle再现我的问题: JSFiddle repro

Answer 1

您的代码中有2个错误:

1. 你必须从脚本元素的html制作你的模板
2. 你必须直接调用kendo.template(...)因为它是一个函数而不是引号之间.

这给出了这样的代码:

"template": kendo.template($("#someTemplate").html())

看到这个jsfiddle:http://jsfiddle.net/bSGdW/9/