В настоящее время я использую автозаполнение KendoUI для фильтрации данных, когда пользователи вводят текстовое поле.
У меня возникла проблема с автозаполнением при вводе в поле запуска поиска и вызова службы, а результат JSon/обратный вызов возвращается, проблема у меня есть, мой результат возвращается в следующем формате
{"aaData":[{"SId":"934155","Name":"ABC CAMPAIGNS"},{"Sid":"926715","Name":"Inervation"},{"SId":"944847","Name":"International Technologies"}]}
Это мой угловой код JS
$scope.customersDataSource = {
transport: {
serverFiltering: true,
read: {
dataType: "jsonp",
url: "/customer/AutoComplete"
}
}
};
Это HTML-код на мой взгляд
<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" />'
когда я набираю текстовое поле, появляется значок поиска и начинает поиск, но результаты не отображаются, я попытался установить текстовое поле данных, чтобы просто назвать, но не повезло.
Пожалуйста, помогите в этом отношении.
Правильный способ настройки Kendo UI DataSource - указать поле aaData
в качестве владельца элементов данных через schema.data
.
Затем удалите aaData
из dataTextField:
k-data-text-field="'Name'"
Виджет AutoComplete не имеет свойства dataValueField
, поэтому удалите его.