검도 자동 완성 표시되지 않음

Question

나는 자동 완성 기능과 함께 사용하는 사용자 지정 편집기가 있습니다. 웹 서비스가 호출되어 데이터를 반환합니다. 그러나 에디터에서 문제가되는 것은 없습니다. 나는 schema.parse()에 중단 점을 넣었지만 절대 적중하지 않았습니다. 내가 뭘 놓치고 있니?

function myAutoCompleteEditor(container, options) { 
    $('<input data-text-field="Name" data-value-field="Name" data-bind="value:' + options.field + '"/>') 
     .appendTo(container) 
     .kendoAutoComplete({ 
      autoBind: false, 
      suggest: true, 
      delay: 500, 
      dataSource: new kendo.data.DataSource({ 
       serverFiltering: true, 
       transport: { 
        read: function (opt) { 
         $.getJSON("/myWebService/GetData"); 
        }, 
       }, 
       schema: { 
        errors: function (e) { 
         return e; 
        }, 
        parse: function (data) { 
         return data.Name; 
        } 
       } 
      }) 
     }); 
} 

UPDATE :

[{ "주소": ". 123 첫번째 성", "ID

데이터, JSON.stringfy (데이터)을 통해 도시 이렇 ":"1 ","이름 ":"David "}, {"주소 ":"234 2nd St ","ID ":"2 ","Name ":"Smith "}]

UPDATE 2 :

코드는 이제 다음과 같습니다

function myAutoCompleteEditor(container, options) { 
    $('<input data-text-field="Name" data-value-field="Name" data-bind="value:' + options.field + '"/>') 
     .appendTo(container) 
     .kendoAutoComplete({ 
      dataValueField: "Name", 
      autoBind: false, 
      suggest: true, 
      delay: 500, 
      dataSource: new kendo.data.DataSource({ 
       serverFiltering: true, 
       transport: { 
        read: { 
         url: function (opt) { 
          return "/myWebServices/GetData/" + opt.filter.filters[0].value; 
         }, 
         dataType: "json" 
        }       
       }, 
       schema: { 
        errors: function (e) { 
         return e; 
        } 
       }, 
       data: function (response) { 
        return $.parseJSON(response); 
       } 
      }) 
     }); 
} 

UPDATE 3 :

마지막 스키마 및 데이터 섹션을 제거하여 작업을 얻었다. OnaBai의 답을 수락하기 때문에 그는 올바른 방향으로 나를 가리켰다. 최종 코드는 다음과 같습니다.

function myAutoCompleteEditor(container, options) { 
    $('<input data-text-field="Name" data-value-field="Name" data-bind="value:' + options.field + '"/>') 
     .appendTo(container) 
     .kendoAutoComplete({ 
      dataValueField: "Name", 
      autoBind: false, 
      suggest: true, 
      delay: 500, 
      dataSource: new kendo.data.DataSource({ 
       serverFiltering: true, 
       transport: { 
        read: { 
         url: function (opt) { 
          return "/myWebServices/GetData/" + opt.filter.filters[0].value; 
         }, 
         dataType: "json" 
        }       
       } 
      }) 
     }); 
} 

Answer 1

문제는 read 기능의 구현입니다. 이 함수는 반환 할 데이터가있는 opt.success을 호출해야합니다. URL에서 데이터를 가져 오는 중이지만 그런 데이터는 반환하지 않습니다.

그러나 귀하의 경우에는 특별한 것을하지 않는 것 같습니다 (기능을 정의 할 필요가 없습니다). 그래서 당신이 Object로 정의 할 수 있습니다 그냥 정의 transport.read.url

당신은 사용할 수 있습니다

dataSource: new kendo.data.DataSource({ 
    serverFiltering: true, 
    transport: { 
     read: { 
      url : "/myWebService/GetData" 
     } 
    }, 
    schema: { 
     parse: function (data) { 
      return data.Name; 
     } 
    } 
}) 

편집을 : 서버를 반환하고 구문 분석하지 않는 데이터를 사용하기 위해, 당신은 사용할 수 있습니다 :

function myAutoCompleteEditor(container, options) { 
    $('<input data-text-field="Name" data-value-field="Name" data-bind="value:' + options.field + '"/>').appendTo(container).kendoAutoComplete({ 
     autoBind  : false, 
     suggest  : true, 
     delay   : 500, 
     dataValueField: "Name", 
     dataSource : new kendo.data.DataSource({ 
      transport: { 
       read: { 
        url : "/myWebService/GetData" 
       } 
      } 
     }) 
    }); 
} 

트릭 반환 배열의 값이 autocomplete의 값을 정의 dataValueField을 정의한다.