javascript - 使页面变量在剑道 ui 网格模板中可用

Question

我有一个 kendoui 模板定义如下(简化):

<script id="detailsTemplate" type="text/x-kendo-template">

<tr class="row k-alt">
  <td>
        #(OwnerId == userInfo.UserId)? "Me" : OwnerName#
    </td>
</tr>    
</script>

在我的文档就绪事件中，我定义了 userInfo 对象:

$(document).ready(function () {
     var userInfo = $.parseJSON($.cookie('visitorData'));   

当数据源读取返回数据时，我收到一个 js 错误，提示 userInfo.UserId 未定义。有没有办法让我的 userInfo 对象在模板中可用？有没有其他方法可以解决这个问题，而不必在返回数据的每一项中定义 userInfo？

Answer 1

模板中的变量 (afaik) 需要是绑定(bind)数据的一部分或全局变量。

尝试定义:

userInfo = $.parseJSON($.cookie('visitorData'));
$(document).ready(function () {

    ....
}

模板为:

<script id="detailsTemplate" type="text/x-kendo-template">
    <tr class="row k-alt">
        <td>
            #= (OwnerId == userInfo.UserId)? "Me" : OwnerName #
        </td>
    </tr>    
</script>