在哪些范围内执行剑道模板

What scope kendo templates are executed in?

本文关键字：执行 范围内      更新时间：2023-09-26

我有一个这样的剑道模板：

<script id="rowTemplate" type="text/x-kendo-tmpl">
        <tr data-uid="#: uid #" role="row">
        <td role="gridcell">#= kendo.toString(kendo.parseDate(WhenDate, 'yyyy-MM-dd'), 'dd MMM yyyy') #</td>
        <td role="gridcell">#= Activity #</td>
        <td role="gridcell">#= Description #</td>
        <td role="gridcell">#if (isButtonShown(Activity)){# #= editTemplate # #}#</td>
        <td role="gridcell">#if (isButtonShown(Activity)){# #= delTemplate # #}#</td>
        </tr>
</script>

您可以看到它调用isButtonShown函数。我能做到这一点的唯一方法是将isButtonShown函数放在全局范围内，这显然是我想要避免的。在哪里可以定义此函数，以便在编译模板时可用（全局范围除外）？

同样的问题适用于editTemplate和delTemplate，它们目前也是全局定义的，因此它们对模板可见。

WhenDate、Activity和Description都是来自剑道网格绑定到的数据源的实体的属性。

以下是 javascript 中引用 tempalate 的方式：

$("#grid").kendoGrid({
    rowTemplate: kendo.template($("#rowTemplate").html()),
    ....

您可以在控制台中使用以下代码自行测试：

kendo.template('#debugger#')({x:1});

然后你的浏览器应该会进入编译的模板函数，它看起来像这样：

(function(data
/**/) {
var o,e=kendo.htmlEncode;with(data){o='';debugger;o+='';}return o;
})

当模板运行时，data是传入的对象{x:1}，this是window。

最简单的方法是使函数对全局范围可访问，但可以将其放在命名空间对象中，例如app.utils.isButtonShown

虽然可以理解，你可能不想污染全球范围。作为data传入的对象（网格中显示的项）可能位于DataSource中，因此您可以重复调用.parent()以遍历可观察的层次结构。这可能会让你到达可以添加函数的地方。

除了将其置于全局范围内之外，我不确定这是否可能。

您能否在将数据绑定到网格之前循环访问数据，并根据活动设置属性"isButtonShow"？然后，只需检查模板中的属性，而不是调用函数即可。

相关文章：