用Ext.form.Panel做表单时,经常会专门添加一个提交按钮来响应用户的提交操作。但这样设计,从用户体验来讲,用户在输入完信息后,需要手动关闭键盘,再添加提交按钮,非常不方便,如果我们能监听到系统软件盘的提交按钮事件就可以判断用户提交操作,提升用户体验。
监控方法如下:
{ xtype : 'textfield', listeners : { // 监控键盘事件 'keyup' : function(text, e, eOpts){ // 过滤特殊字符 text.setValue(text.getValue().replace(/[^\d\w\u0020\u4E00-\u9FA5]/g,'')); if(e.event.keyIdentifier == 'Enter'){ // 标识软件盘提交按钮 text.up('#_SearchResult').search();// 执行对应的提交操作 } } } }
Ext.form.field中的其他组件也可采用此方式进行软件盘事件监控
相关推荐
Sencha Touch的表单组件
sencha touch动态加载组件及容器内容,防止加载时间过长的问题
它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web 应用,它提供了丰富的华丽的控件和强大的功能,包括对触控事件的增强,数据...
Sencha Touch 2 简介知识,环境搭建,组件介绍和布局事例
sencha touch2移动开发框架,ajax获取数据
sencha touch 折叠list
sencha touch 应用案例 sencha touch 案例 一个完整的sencha touch 应用案例 移动WEB社区开发的日志案例 非常不错!
Sencha Touch开发的项目《般若人生》源码
MAC OS 下sencha touch +cordova 开发环境配置。可以将H5 hybird 应用打包成IOS 应用。
sencha touch 2.4.0最新版 原版包下载
sencha touch中文翻译文档,包含sencha touch入门基础和一些控件的使用说明
sencha touch list demo
sencha touch cookbook 英文高清文字版 !
sencha touch 是一个移动平台UI开发框架,可以实现各种绚丽的页面效果
Sencha Touch 2入门教程之MVC 讲解如何使用 Sencha Touch 2 mvc模式来开发一个登录界面
这是我做的一个sencha touch 的项目,测试并能运行,希望对大家有帮助
sencha touch grid
Sencha Touch 2.0的配置、应用程序命名与启动、面板组件,以及对DOM的访问和控制;面板与布局,包括Tab面板组件、Carousel组件、NavigationView组件,以及盒布局、Fit布局和Card布局等各种常见布局;表单和表单域...