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

Question

当id为null时设置kendo模板条件

<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

为idas 定义模板:

<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/

注意:定义rowTemplate何时使用详细信息并不容易,因为模板必须处理绘制句柄以打开详细信息.