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

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

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

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

1 个答案: