通过Javascript设置ClientTemplate

时间:2015-05-28 06:20:44

标签: javascript kendo-ui kendo-grid

我的Kendo Grid有很多列,我想要一个ClientTemplate,可能EditorTemplate

我怎么能用Javascript做到这一点?

我目前正在尝试以下不起作用的代码:

$(document).ready(function () {
        var grid = $("#myGrid").data('kendoGrid');
        for (var col in grid.columns) {
            grid.columns[col].template = "#='x'#";
        }
    })

1 个答案:

答案 0 :(得分:2)

您可以kendo.template使用

var template = kendo.template("Hello, #= firstName # #= lastName #");

如果您想多次重复使用模板,我建议您制作一个像这样的脚本模板

<script id="name-template" type="text/x-kendo-template">
<div>
    <label>ID</label> : #: dataId #
</div>
</script>

您可以在使用kendo.template

初始化网格时使用它
$("#grid").kendoGrid({
  columns: [ {
    field: "name",
    template: kendo.template($("#name-template").html())
  }]
});

Documentation