1

id が null の場合の剣道テンプレートの条件を設定する


<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があります

4

1 に答える 1

5

次のようにテンプレートを定義し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詳細を開くためのハンドルの描画をテンプレートで処理する必要があるため、それほど簡単ではありません。

于 2013-09-28T09:35:45.777 に答える