Javascript Sencha Touch中文本字段的自动完成?

Javascript Sencha Touch中文本字段的自动完成?,javascript,autocomplete,xsd,sencha-touch,Javascript,Autocomplete,Xsd,Sencha Touch,我正在用Sencha Touch制作一个航班搜索应用程序,遇到了一个小问题 我想为所有机场创建一个文本字段,并需要的自动完成功能,以便用户轻松选择出发机场和返回机场。我如何实现这一点?机场将通过XML模式加载,我似乎找不到任何关于此功能的好文档 先走一步 我认为你应该使用searchfield而不是@Ismailp建议的textfield 然后,您应该在其keyup事件中创建一个popupa面板,其中应该包含一个机场列表 浏览下载的sencha框架中示例文件夹中的隐藏文件夹列表搜索。它显示了如何

我正在用Sencha Touch制作一个航班搜索应用程序,遇到了一个小问题

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


先走一步

我认为你应该使用searchfield而不是@Ismailp建议的textfield

然后,您应该在其keyup事件中创建一个popupa面板,其中应该包含一个机场列表


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

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

然后,您应该在其keyup事件中创建一个popupa面板,其中应该包含一个机场列表


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

由于没有自定义组件,而且我自己也需要类似的东西,所以我将其组合在一起

所以,在这里。Sencha Touch 2自动完成文本字段组件:

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

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

如果用户选择了匹配的自动完成结果,则选择的项目ID 用户未选择自动完成结果时键入的文本 目前这是非常基本的,完全是由自己对这种控制的需求驱动的。
自由地分叉、修改、适应。它是麻省理工学院许可的。

因为没有定制组件,我自己也需要类似的东西,所以我把它砸在了一起

所以,在这里。Sencha Touch 2自动完成文本字段组件:

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

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

如果用户选择了匹配的自动完成结果,则选择的项目ID 用户未选择自动完成结果时键入的文本 目前这是非常基本的,完全是由自己对这种控制的需求驱动的。
自由地分叉、修改、适应。它是麻省理工学院许可的。

好吧,我没有找到运行自动完成的好方法。我让文本字段显示一个可搜索列表,用户可以在其中选择机场!Ext还有一个组合框功能,可以作为自动完成。我还没看过呢!好吧,我没有找到运行自动完成的好方法。我让文本字段显示一个可搜索列表,用户可以在其中选择机场!Ext还有一个组合框功能,可以作为自动完成。我还没看过呢!这是个好主意。就我而言,你的解决方案不符合我的设计。但这当然有效!这是个好主意。就我而言,你的解决方案不符合我的设计。但这当然有效!您能告诉我应该将Ext.AutocompleteField.js文件保存在哪个文件夹中吗?我必须在app.js中提到它吗?我得到了这个错误:无法创建一个无法识别的别名的实例:widget.autocompletefield事实上,我不想把它放在Ext.Application中;我想保持我的代码干净。我尝试将此文件放入sdk/src/文件夹,以便将其用作普通的Ext控件,但它不起作用。请告诉我应将Ext.AutocompleteField.js文件保存在哪个文件夹中,好吗?我必须在app.js中提到它吗?我得到了这个错误:无法创建一个无法识别的别名的实例:widget.autocompletefield事实上,我不想把它放在Ext.Application中;我想保持我的代码干净。我试着把这个文件放在sdk/src/文件夹中,这样我就可以把它作为一个普通的Ext控件来使用,但它不起作用。