Json 콜백 객체가 검도 UI의 객체 항목에 데이터 소스를 설정하는 방법

Question

사용자가 텍스트 상자에 입력 할 때 데이터를 필터링하기 위해 현재 KendoUI 자동 완성을 사용하고 있습니다.

자동 완성에 문제가 있습니다. 필드에 입력을 시작하면 서비스가 실행되고 JSon 결과/콜백이 반환됩니다. 내 문제는 다음 형식으로 반환됩니다.

{"aaData":[{"SId":"934155","Name":"ABC CAMPAIGNS"},{"Sid":"926715","Name":"Inervation"},{"SId":"944847","Name":"International Technologies"}]} 

이이 내 시야에서 HTML 코드 내 각 JS 코드

$scope.customersDataSource = { 
    transport: { 
     serverFiltering: true, 
     read: { 
      dataType: "jsonp", 
      url: "/customer/AutoComplete" 
     } 
    } 
}; 

입니다

<input type="text" kendo-autocomplete k-data-source="customersDataSource" k-data-text-field="'aaData.Name'" k-data-value-field="'aaData.SId'" ng-model="SearchData.Name" />` 

텍스트 상자에 검색 아이콘을 입력하면 검색이 시작되지만 검색 결과가 표시되지 않고 이름만으로 행운을 빕니다.

누군가 이런 점에서 도움을주십시오.

Answer 1

Kendo UI 데이터 소스를 구성하는 올바른 방법은 필드를 schema.data을 통해 데이터 항목 홀더로 지정하는 것입니다.

k-data-text-field="'Name'" 

자동 완성 위젯이 더 dataValueField 속성이 없기 때문에 그뿐만 아니라 제거 :

는 다음, dataTextField에서 aaData를 제거합니다.