剣道グリッド、データ列のテンプレートが機能しません

Question

私はデータ列のフィールドにテンプレートを書きましたが、機能しません。 私は剣道をmvvmで使用しています。 これは私のhtmlコードです：

<div id="dr" data-role="grid" 
      data-editable="false" 
      data-selectable="true" 
      data-filterable="true" 
      data-columnMenu="true" 
      data-groupable="true" 
      data-pageable="true" 
      data-reorderable="true" 
      data-resizable="true" 
      data-selectable="true" 
      data-sortable="true" 
      data-scrollable="false" 
      data-height="550" 
      data-columns="[ 
       {field: 'id', title:'ID', hidden: true, width: 240}, 
       {field: 'date',title: 'Data', width: 240, template:'#:kendo.toString(kendo.parseDate(date, 'yyyy-MM-dd'), 'dd/MM/yyyy')#'}, 
       {field: 'name', title: 'name', width: 240}, 
       {field: 'address',title: 'address', width: 240} 
      ]" 
      data-bind="source: Gridsource, 
       events:{ 
        change: Gridchange 
       }"> 

これは、JSエラーの出力です：

にSyntaxError：予期しない識別子私はテンプレートを定義するあなたの方法が有効とスローエラーだと思うで...

Answer 1

それを解析しながら。

は、あなたが私のコードでそれを行うことができますにこの

<div class="grid-favorite" data-role="grid" 
        data-no-records="{template: '<h3>No data available.</h3>'}" 
        data-selectable="false" 
        data-scrollable="true" 
        data-pageable="{pageSize: 8}" 
        data-filterable= "true" 
        data-sortable="true" 
        data-bind="source: dsCurrentLoans, events: { dataBound: onDataBound, sort: sortLoans }" 
        data-columns="[ 
         { template: kendo.template($('[name=fav-unfav-col-template]').html()), 
          headerTemplate: kendo.template($('[name=header-template]').html()), 
          attributes: {'class': 'text-center'}, 
          headerAttributes: { style: 'text-align: center'}, 
          filterable: false, 
          width: '50px' 
         }, 
         { 
          field: 'dateClosed', 
          title: 'Close Date', 
          template: kendo.template($('[name=date-field]').html()) 
         }, 
         { 
          field: 'loanAmount', 
          title: 'Loan Amount', 
          format:'{0:c2}', 
          type: 'number', 
          attributes: {'class': 'text-right link', 'data-bind':'events: { click: onRowClick }'}, 
          width: '140px' 
         } 
        ]"> 
      </div> 

を試してみて、このような列のテンプレートを定義し、必要

<script id="date-field" name="date-field" type="text/x-kendo-template"> 
<div class="item-description" data-bind="text: targetCloseDate" data-format="MMM dd, yyyy"></div> 
</script>