검도 그리드 - 템플리트 열을 클릭했을 때 편집 모드

Question

편집 팝업에 템플릿을 사용하고 있습니다. 그리드가 편집 모드로 들어가서 컬럼 중 하나의 링크를 클릭 할 때 편집 템플릿 팝업을 표시하려고합니다.

명령을 사용해 보았지만 하이퍼 링크의 텍스트를 모델에 선언 된 입력란 (이 경우 'CourseType')에 바인딩 할 수 없습니다. 데이터 바인딩은 명령 열 내에서 지원됩니까? 템플릿 기반 필드를 클릭했을 때 내가 편집 모드로 격자를 넣어 어떻게

columns: [ 
    { 
     command: [ 
      { 
      id: "edit", 
      title: "School Item",  
      template: '<a href="\\#">#=CourseType#</a>', 
      width: 120 
      } 
     ] 
    } 
] 

데이터는 명령 열 내에서 지원되지 않는 바인딩 경우? 당신이 HTML anchor로 셀을 정의 할 수 있지만 앵커 클릭 때 팝업 편집 모드에 입력하기에 아무런 문제가 없다 왜

columns: [ 
    { 
    field: "CourseType", 
    title: "School Item", 
    template: '<a href="\\#">#=CourseType#</a>' 
    } 
] 

Answer 1

는 잘 모르겠어요.

1) 템플릿에 class을 추가하면 해당 셀을 찾을 수 있습니다. 같은 뭔가 : 내가 가진

columns: [ 
    { 
     field: "CourseType", 
     title: "School Item", 
     template: '<a href="\\#" class="ob-edit-popup">#=CourseType#</a>' 
    } 
] 

는 템플릿에 class="ob-edit-popup" 있습니다.

2) 그리드 정의에 editable: "popup" 옵션을 추가하십시오.

3) 초기화 후에 다음 JavaScript 코드를 추가하십시오. grid이의 결과입니다

$(".ob-edit-popup", grid.tbody).on("click", function (e) { 
    var row = $(this).closest("tr"); 
    grid.editRow(row); 
}) 

:

var grid = $("#grid").kendoGrid({...}).data("kendoGrid");