**这是Ext群里一位大虾提供的解决方案。**
通常情况下,在窗口显示时,也就是在窗口的show事件中,直接使用focus方法让字段获得焦点,会因为浏览器内部处理而丢失焦点。
解决办法就是延迟执行focus,在API中,Ext.form.field.Base的focus方法的说明如下:
[focus](http://localhost/ext4/docs/index.html#%21/api/Ext.Component-method-focus)( [[Boolean](http://localhost/ext4/docs/index.html#%21/api/Boolean) selectText], [[Boolean](http://localhost/ext4/docs/index.html#%21/api/Boolean)/[Number](http://localhost/ext4/docs/index.html#%21/api/Number) delay] ) : [Ext.Component](http://localhost/ext4/docs/index.html#%21/api/Ext.Component)
Try to focus this component.
### Parameters
- selectText : [Boolean](http://localhost/ext4/docs/index.html#%21/api/Boolean) (optional)
If applicable, true to also select the text in this component
- delay : [Boolean](http://localhost/ext4/docs/index.html#%21/api/Boolean)/[Number](http://localhost/ext4/docs/index.html#%21/api/Number) (optional)
Delay the focus this number of milliseconds (true for 10 milliseconds).
### Returns
- [Ext.Component](http://localhost/ext4/docs/index.html#%21/api/Ext.Component)
The focused Component. Usually `this` Component. Some Containers maydelegate focus to a descendant Component ([Window](http://localhost/ext4/docs/index.html#%21/api/Ext.window.Window)s can do this through their[defaultFocus](http://localhost/ext4/docs/index.html#%21/api/Ext.window.Window-cfg-defaultFocus) config option.
方法带两个参数,第一个参数的作用是用来选中文本的,第二个参数就是延迟执行的时间,因而只要设置第二个参数,就可以实现效果了。
例如:
form.findField("第一个字段名字").focus(false,100);
这句中的form表示的是Ext.form.Basic的实例。在focus方法,设置了延迟时间为100微秒,也就是在延迟100微秒后才将焦点转移到第一个输入字段,这样可以很好的解决该问题。
- 前言
- extjs 4 tree 的text不显示
- 窗口显示时让字段获得焦点
- 如何编写一个使用Store更新复选框的CheckboxGroup的插件
- 如何了解事件中回调函数的参数
- 很多人需要的,带时间的日期选择器
- 一个网上找到的,在Grid中嵌套Grid的示例:Nested Grids Example
- 修改Ext.ux.GroupTabPanel让它支持延迟渲染
- 初学者比较容易犯的布局错误(手风琴布局)
- Ext JS添加子组件的误区
- 使用Ext JS,不要使用页面做组件重用,尽量不要做页面跳转
- 【翻译】十大要避免的Ext JS开发方法
- 一个不错的扩展:Ext.ux.container.ButtonSegment
- 在VS2012中实现Ext JS的智能提示太简单了
- 为什么要使用“var me=this”这样的写法
- 一个很不错的支持Ext JS 4的上传按钮
- 【翻译】热门支持小提示:2013年12月
- 【翻译】在Ext JS应用程序中使用自定义图标
- 演练Ext JS 4.2自定义主题
- 【翻译】培训提示:解决常见编码问题的简单技巧
- 【翻译】从Store生成Checkbox Group
- 【翻译】将Ext JS Grid转换为Excel表格
- 【翻译】Ext JS 5:为不同设备设置不同的主题