templates - 使用模板在剑道网格表字段上设置条件

Question

当 id 为空时设置剑道模板条件

<div id="grid">
    <script id="rowTemplate" type="text/x-kendo-tmpl">
        <tr> 
            <td> #= id #</td>
            <td> #= FirstName # </td>
            <td> #= LastName # </td> 
        </tr>
    </script>

    <script id="detailTemplate" type="text/x-kendo-tmpl">
        <p>detail stuff</p>
    </script>

</div>

数据源 ：

dataSource: {
              data: [
                  {
                      id:"",
                      FirstName: "Joe",
                      LastName: "Smith"
                  },
                  {
                      id:"1",
                      FirstName: "Jane",
                      LastName: "Smith"
                  }]
    },

这是第一个 id 为 null
我想在那里设置一些文本，例如TEST
我该怎么做。
谢谢。这是jsfiddle

Answer 1

为 as 定义一个模板id：

<script id="idTemplate" type="text/x-kendo-tmpl">
    # if (id) { #
        #= id #
    # } else { #
        TEST
    # } #
</script>

然后在列定义中执行：

columns:[
    {    
        field: "id",
        title: "id",
        template: $("#idTemplate").html()

    },     
    {
        field: "FirstName",
        title: "First Name"
    },
    {
        field: "LastName",
        title: "Last Name"
    }
],

您的 JSFiddle 使用这个想法修改：http: //jsfiddle.net/OnaBai/yzKqV/184/

注意：在使用细节时定义 arowTemplate并不容易，因为您的模板必须处理绘制用于打开细节的句柄。