javascript - Kendo 自动完成显示 [object object] 而不是属性值

Question

我正在尝试使用他们的教程配置剑道自动完成。问题是自动完成控制显示对象而不是我在剑道初始化中设置的属性值(请参阅捕获):

@(
    Html.Kendo().AutoComplete()
    .Name("products")
    .Placeholder("Find Product...")
    .DataTextField("Name")
    .Template("<span><img src='/Content/Images/default-photo.jpg' " +
    "width='20' height='20' />&nbsp;${data}</span>")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetProducts", "Search")
            .Data("onAdditionalData");
        })
            .ServerFiltering(true);
    })

)

<script>
    function onAdditionalData() {
        return {
            text: $("#products").val()
        };
    }
</script>

单击此项目后，名称正确显示:

我的操作返回类型是 return Json(products, JsonRequestBehavior.AllowGet);产品在哪里 ICollection<VmProduct>这是怎么回事？

Answer 1

您已经设置了DataTextField，但在设置Template时覆盖了它，因为kendo将执行模板而不是获取您设置的字段。但这不是问题，问题是在您的模板中您正在打印 data 对象，它实际上是一个对象。您需要打印与建议文本相关的属性，例如:

.Template("<span><img src='/Content/Images/default-photo.jpg' " +
"width='20' height='20' />&nbsp;${data.Name}</span>")

尝试一下并告诉我们会发生什么。