Question

我正在使用KendoUI自动完成功能来在用户输入文本框时过滤数据。

我在自动完成时遇到问题，当在字段中输入搜索开始运行并且调用服务并且返回JSon结果/回调时我遇到的问题是我的结果是以下列格式返回< / p>

{"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" />`

当我在文本框中输入时，搜索图标显示并开始搜索，但没有显示结果，我尝试将数据文本字段设置为只是名称但没有运气。

请有人在这方面提供帮助。

Answer 1

配置Kendo UI DataSource的正确方法是通过schema.data将aaData字段指定为数据项持有者。

然后，从dataTextField中删除aaData：

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

“自动完成”窗口小部件没有dataValueField属性，因此也请将其删除。

Json回调返回对象如何将我的数据源设置为Kendo UI中对象中的项

1 个答案: