왜이 검도 격자 편집기 템플릿이 자동 완성 위젯에서 작동하지 않습니까?

Question

나는 다음과 같은 검도 그리드가 있습니다

$("#teachers").kendoGrid({ 
    dataSource: dataSource, 
    toolbar: ["create"], 
    columns: [ 
     { field: "employeeId", title: "Employee Id" }, 
     { field: "firstName", title: "First Name", editor: categoryDropDownEditor }, 
     { field: "lastName", title: "Last Name" }, 
     { field: "isHeadmaster", title: "Is a Headmaster?" }, 
     { command: ["edit", "destroy"], title: " ", width: "153px" }], 
    editable: 'popup' 
}); 

내가 가진 문제는 에디터 템플릿의 격자로하지 않습니다 - 당신은 내가 팝업 편집을 사용하고 볼 수 있고 내가하고 싶은대로 필드 중 하나에 자동 완성 선택 위젯을 지정하십시오.

여기 categoryDropDownEditor가 정의하는 방법은 다음과 같습니다

function categoryDropDownEditor(container, options) { 
    $('<input required data-text-field="CategoryName" data-value-field="CategoryID" data-bind="value:' + options.field + '"/>') 
     .appendTo(container) 
     .kendoAutoComplete({ 
      dataSource: [ 
       "Albania", 
       "Andorra", 
       "Armenia", 
       /* ... */ 
       "Ukraine", 
       "United Kingdom", 
       "Vatican City" 
      ], 
      filter: "startswith" 
     }); 
} 

이

자동 완성 위젯에 상관없이 내가 입력 한 내용, 전혀 작동하지 않습니다. (내가 샘플 here 및 here에서이 기능을 잠식). 제안은 전혀 나타나지 않습니다. 무슨 일있어?

Answer 1

데이터 텍스트 필드와 데이터 값 필드를 설정하고 있지만 문자열 목록에 바인딩하기 때문입니다. 단순히 데이터 텍스트 필드와 데이터 값 필드를 제거하십시오. 또는 데이터 소스를 남겨 둘 수도 있지만 데이터 소스는 데이터 텍스트 필드와 데이터 값 필드에 지정한 속성을 가진 객체 목록이어야합니다.

작업 샘플보기 ... http://jsbin.com/mawik/1/edit