2017-11-23 12 views
0

私はaurelia-kendoグリッド用のカスタムエディタを使用する必要があります。私は、インターネットで次の例は認められません。(これは、HTMLファイルの一部である)Aurelia - 剣道用カスタムエディタ

<div ref="divConditions"> 
    <ak-grid k-data-source.bind="datasource" k-widget.bind="grid" ref="gridConditions" 
     k-editable="mode: 'popup', template: kendo.template($(this.popup_editor).html())"> 
       <ak-col k-title="Short code" k-field="shortCode"></ak-col> 
       <ak-col k-title="Title" k-field="title"></ak-col> 
       <ak-col k-title="Created" k-field="created"></ak-col>    
       <ak-col k-command.bind="['edit']" k-title="&nbsp;" width="75px"></ak-col> 
    </ak-grid> 
</div> 

<script ref="popup_editor" type="text/x-kendo-template"> 
    Content 
</script> 

しかし、それは動作しませんでした - [編集]ボタンをクリックには何も。

Iはまた、次のコードを試していない(これは、TSファイルの一部である)

attached() { 

    .... 
    var grid = this.gridConditions; 
    var template = this.popup_editor; 

    $(grid).kendoGrid({ 
     editable: { 
      mode: "popup", 
      template: kendo.template($(template).html()) 
     } 
    }); 
} 

同じ - ない反応。 私は剣道のUIの例を見ることができますが、残念なことにAurelia-Kendoの例はありません。

誰かが私を助けることができますか?前もって感謝します。

答えて

0

お試しk-editable.bind="{mode: 'popup', template: kendo.template($(this.popup_editor).html())}"また、テンプレートの上に必要な "必須"タグがあることを確認してください。これは、少なくともあなたが正しい方向に向かうべきです。

関連する問題