2

我在 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 自动完成小部件。这是代码：

<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"
         }
      }
   }
});

根据此处和此处的官方示例。

问题是，当我加载页面时，我什么也没有。自动完成是空白的，它保持空白。当我在框中键入任何内容时，没有结果显示。知道出了什么问题吗？我这辈子都看不到。

4

2 回答 2

6

有几个问题：

  • 您不应该定义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/

于 2014-03-08T00:16:54.363 回答
2

由于您将集合包装在名为 foo 的字段中，因此您应该通过dataSource.schema.data选项指定它。

例如

 dataSource: {
      schema: {
          data: "foo"
      }
 }

您不必指定任何 datavaluefield 或 datatextfield

于 2014-03-08T21:43:16.927 回答