Question

我的kendoAutoComplete有问题我想将两个字段绑定到kendoAutoComplete，现在我可以将一个字段名称绑定到dataTextField但是对于另一个字段，如id我没有任何其他选项，以下是我的代码

var alld="";
function getData(req) {
            $.ajax({
                url: 'BookingCity.asmx/GetAllCityBus',
                contentType: 'application/json; charset=utf-8',
                type: 'POST',
                dataType: 'json',
                minLength: 1,
                async: false,
                cache: false,
                data: "{'prefixText':'" + req + "'}",
                success: function(response) {
                    alld = response.d;


                                   },
                error: function(xhr, status) {
                    alert("error");
                }

            });
        }   
 $("#totext").kendoAutoComplete({
                dataSource: {
                    read: getData($("#totext").attr("value")),
                    data: alld

                },
                minLength: 2,
                placeholder: "Select city...",
                dataTextField: "Name",
                dataTextField:"Id"


            });

Answer 1

您可以使用模板来实现此目的：

$("#totext").kendoAutoComplete({
            template: "#=Name# #=Adress#",
            //.. rest of the options

Answer 2

我认为您可能正在寻找dataValueField:"Id"

注意：

dataValueField未在kendoAutoComplete中使用（我的道歉）。它错误地出现在Kendo UI网站的演示页面上。似乎可以使用下拉列表或组合框。

这假设你需要返回一个与dataTextField相对应的值（比如Id）。

您可以在Kendo UI Forums - DataValueField does exist ?
上详细了解相关信息
或参见此相关摘录：


自动填充UI小部件仅保留所选文本。实际上，您只能发布输入元素的内容。这是预期的行为。至于演示，＆＃34; dataValueField＆＃34;是错误的，我们将为下一个KendoUI版本修复它。

为了实现您的目标，您需要使用下拉列表或组合框，它会保留所选的ID。

此致   Georgi Krustev   Telerik团队

Answer 3

你为什么要这样做？您只能将一个字段绑定到dataTextField属性，因此如果要显示两个字段，只需向数据源添加一个额外的计算字段，该字段包含两个字段的连接值并绑定到该字段。

kendoAutoComplete选项如dataTextField？

3 个答案: