Aurelia - 검도 그리드 용 사용자 정의 편집기

Question

aurelia-kendo 그리드 용 사용자 정의 편집기를 사용해야합니다. 나는 인터넷에서 다음과 같은 예를 발견했다 (이 HTML 파일의 일부입니다)

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

그러나 그것은 작동하지 않았다 - 편집 버튼 클릭에 대한 아무것도.

은 또한 다음과 같은 코드를 시도하지 않은 : (이 TS 파일의 일부입니다)

attached() { 

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

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

같은 - 어떤 반응을. Kendo UI에 대한 예제는 볼 수 있지만 Aurelia-Kendo에는 적합하지 않습니다 .... 불행히도.

나를 도와 줄 사람이 있습니까? 미리 감사드립니다.

Answer 1

시도 k-editable.bind="{mode: 'popup', template: kendo.template($(this.popup_editor).html())}". 또한 템플릿 위에 필요한 모든 "필수"태그가 있는지 확인하십시오. 최소한 올바른 방향으로 안내해야합니다.