如何为Json Data编写自动完成功能

时间:2014-02-27 07:05:49

标签: jquery json jquery-ui kendo-ui kendo-mobile

我使用Kendo UI并开发了一个phonegap应用程序。我使用的Json结构如下所示。

{
   "40":{
      "title":"AC COBRA",
      "value":{
         "key_160":"M K I I I (1965 REPLICA)"
      }
   },
   "41":{
      "title":"ACURA",
      "value":{
         "key_161":"CL",
         "key_162":"MDX",
         "key_163":"NSX",
         "key_164":"RL",
         "key_165":"RSX",
         "key_166":"TL"
      }
   }
}

我有两个Dropdown,其中列出了标题中的所有项目,并且在选择它时,相应的值会在单独的Dropdown中列出而没有键。

如何为已加载的列表编写autocomplete。欢迎通过Jquery或Kendo提出任何建议。如果您建议使用Kendo过滤http://demos.telerik.com/kendo-ui/mobile/listview/filtering.html,请告诉我搜索框的方式是固定的,只有列表可滚动。

1 个答案:

答案 0 :(得分:1)

尝试如下。

var  dataVar = // Your JSON Goes here.
$("#AutocompleteDropdown").autocomplete({
              source: dataVar,
         });

JSFIDDLE