Javascript 如何在剑道UI网格中创建单独的列模板

我开始在我的项目中使用剑道UI，我希望我的一列显示一个图像按钮和一个字段，类似于文档中的“联系人姓名”。然后我检查文档，得到如下代码

列：[{
模板：“”+
“#：联系人姓名#”，
字段：“联系人姓名”，
标题：“联系人姓名”，
宽度：240
}, {
字段：“ContactTitle”，
标题：“联系人标题”
}, {
字段：“公司名称”，
标题：“公司名称”
}, {
字段：“国家”，
宽度：150
}]

属性需要字符串或返回字符串的函数。您可以在HTML标记中使用

标记

<script id="script-template-id" type="text/x-kendo-template">
    <div class="myClass">#: FieldName #</div>
</script>

...

<script>
// ...

columns: [{
    title: "My Template Column",
    template: $('#script-template-id').html()
}]

// ...
</script>

var templateStringVariable = '<div class="myClass">#: FieldName #</div>';

// ...

columns: [{
    title: "My Template Column",
    template: templateStringVariable
}]

"template": "kendo.template($('comments-template').html())"