Sencha Touch中文本字段的自动填充功能?

时间:2011-07-12 09:33:39

标签: javascript autocomplete xsd sencha-touch

我正在使用Sencha Touch制作飞行搜索应用程序并遇到了一个小问题。

我想为所有机场创建文本字段并需要自动填充功能,以便用户轻松选择出发机场和返回机场。我该如何实现呢?机场将通过XML架构加载,我似乎找不到任何关于此功能的好文档。

提前Thanx!

2 个答案:

答案 0 :(得分:5)

由于那里没有自定义组件,我自己也需要这样的东西,所以我把它一起打碎了。

所以,在这里。 Sencha Touch 2自动填充文本字段组件 https://github.com/martintajur/sencha-touch-2-autocomplete-textfield

它目前使用AJAX请求响应来填充自动完成匹配。它还支持用户的自定义输入。

序列化表单数据时,此类输入的值为:

  • 用户选择了匹配的自动填充结果
  • 时所选的商品ID
  • 当用户未选择自动填充结果时键入的文本

此刻非常基本,完全由自己对这种控制的需求驱动。 随意分叉,修改,适应。它是MIT许可的。

答案 1 :(得分:1)

我认为您应该使用@Ismailp建议的搜索字段而不是文本字段,

然后你应该在其keyup事件中创建一个弹出窗口(一个面板),该事件应该包含一个机场列表。

浏览下载的sencha框架中的示例文件夹中的隐藏文件夹列表搜索。它显示了如何搜索列表。