javascript - 通过 Javascript 设置 ClientTemplate

Question

我的 Kendo Grid 有很多列，我想要一个 ClientTemplate 和可能的 EditorTemplate 所有列。

我如何通过 Javascript 做到这一点？

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

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

Answer 1

你可以为此使用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 时使用它

$("#grid").kendoGrid({
  columns: [ {
    field: "name",
    template: kendo.template($("#name-template").html())
  }]
});

Documentation