为什么我的Kendo AutoComplete小部件没有绑定到JSON对象？

Question

我在MVC控制器中有以下代码:

public JsonResult ARequest()
{
    Dictionary<string, object> AnObject = new Dictionary<string,object>();
    AnObject["foo"] = new object[] {"item 1", "item 2", "item 3"};
    return Json(AnObject, JsonRequestBehavior.AllowGet);
}

它按预期工作; 当我从浏览器调用它时,我得到以下JSON对象:

{"foo":["item 1","item 2","item 3"]}

我有另一个文件,这次是使用Kendo UI Autocomplete Widget.这是代码:

<input id="products" style="width: 250px" />

/*...*/

$("#products").kendoAutoComplete({
   filter: "contains",
   minLength: 3,
   dataTextField: foo,
   dataSource: {
      type: "odata",
      pageSize: 10,
      transport: {
         read: {
            url: "education-portal/ARequest"
         }
      }
   }
});

根据这里和这里的官方例子.

问题是,当我加载页面时,我什么都没得到.自动完成为空,并保持空白.当我在框中输入任何内容时,没有显示任何结果.知道出了什么问题吗？我无法看到它的生命.

Answer 1

有几个问题:

• 您不应该定义,dataTextField因为您的值数组不是对象strings.
• 您应该说明接收数据中的实际位置是项目数组.
• 是type odata还是JSON？

它应该是这样的:

$("#products").kendoAutoComplete({
    filter: "contains",
    minLength: 3,
    dataSource: {
        type: "json",
        pageSize: 10,
        transport: {
            read: {
                url: "education-portal/ARequest"
            },
            schema : {
                data: "foo"
            }
        }
    }
});

示例:http://jsfiddle.net/OnaBai/rSjpS/