如何为 Json 数据编写自动完成功能答案

【问题标题】：How do to write autocomplete for Json Data如何为 Json 数据编写自动完成功能
【发布时间】：2014-02-27 07:05:49
【问题描述】：

我正在使用 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，请告诉我一种固定搜索框的方法，并且仅限该列表是可滚动的。

【问题讨论】：

它对你有用吗...？？
剑道过滤对我有用。但我希望我的搜索框固定且可滚动。替代方案是自动完成，但我的 json 结构很复杂
检查我发布的小提琴以及我的答案...这将对您有很大帮助..

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

【解决方案1】：

像下面这样试试。

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

JSFIDDLE

【讨论】：