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

剣道UIデータソースを正しく設定する方法は、schema.dataを使用してaaDataフィールドをデータアイテムホルダとして指定することです。

そして、dataTextFieldからaaDataを削除：

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

オートコンプリートウィジェットは全くdataValueField性を有していないので、同様にそれを除去します。