`

ext 初始化 form 焦点

EXT 
阅读更多

// 实现具体的功能
    var form = new Ext.FormPanel( {
        defaultType : 'textfield',
        labelWidth : 100,
        style : 'background:#ffffff;padding:30px 20px 30px 200px;',
        region : "center",
        labelWidth : 85,
        keys:[{
            key: [Ext.EventObject.ENTER],
            fn:function(key, e){
                    Ext.getCmp('loginbutton').fireEvent("click");
                 }
            }],
        defaults : {
            border : false,
            allowBlank : false,
            msgTarget : 'side'
        },
        waitMsgTarget : true,
        items : [ {
            fieldLabel : 'Username',
            name : 'userName',
            id:'userName',
            cls : 'text-user',
            blankText : 'Log-in name should not be null'
        } ]

    });

 

Ext.getCmp('userName').focus(true,200);

 

需要说明的是:一定要加delay。虽然delay是可选参数

分享到:
评论

相关推荐

    Ext 添加功能form表单实例

    #### 表单初始化 在Ext中创建一个表单面板通常涉及到设置其基本属性,例如宽度、高度、布局方式等。在这个例子中,通过`new Ext.FormPanel`来创建了一个表单面板,并设置了一些关键属性: - `frame`: 设置为`true`...

    Ext.form表单中各种属性应用详解

    - **lazyInit**: 类型为 `Boolean`,决定是否延迟初始化下拉列表,直到组合框获得焦点,默认为 `true`。 - **lazyRender**: 类型为 `Boolean`,决定是否延迟渲染下拉列表,直到第一次请求时,默认为 `false`。 - **...

    EXT.form组件

    EXT.form组件是EXT JS库中用于构建表单界面的核心组件集合。这些组件提供了一系列丰富的控件,用于创建具有不同功能的交互式表单。在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 ...

    EXT异步提交FORM表单

    1. **初始化表单**:首先需要使用EXT创建一个表单对象,该对象将包含所有需要提交的字段。 ```javascript var form = new Ext.form.FormPanel({ id: 'myForm', url: 'yourActionUrl', method: 'POST', items...

    Ext Form全攻略

    Ext Form全攻略 Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略Ext Form全攻略

    extjs-Ext.ux.form.LovCombo下拉框

    这些文件可以帮助开发者理解并应用`Ext.ux.form.LovCombo`,通过查看源码学习如何初始化、配置以及处理相关事件。 综上所述,`Ext.ux.form.LovCombo`是EXTJS中用于创建具有多选功能和良好浏览器兼容性的下拉框组件...

    EXT dojochina文本框示例Ext.form.TextField.rar

    在本示例中,"EXT dojochina文本框示例Ext.form.TextField.rar"是一个压缩包,包含了EXT框架中关于`Ext.form.TextField`组件的示例代码。 `Ext.form.TextField`是EXT框架中的一个核心组件,用于创建基本的输入字段...

    Ext2.0 form使用实例的例程

    在这个“Ext2.0 form使用实例的例程”中,我们将深入探讨Ext 2.0的表单(form)组件及其应用。 表单在任何应用程序中都扮演着至关重要的角色,用于收集和验证用户输入的数据。Ext 2.0的表单组件提供了一整套完整的...

    EXT制作的FORM,可以与Servlet进行交互

    综上所述,EXT form与Servlet的交互是一个涉及前端和后端协同的过程,利用EXT的组件化和AJAX特性,可以创建出交互性强、用户体验良好的Web应用。同时,EXT提供的丰富配置和定制选项使得开发者能够根据需求进行精细的...

    4.0Ext 本地化

    然后,在 `app.js` 中,我们使用 ExtJS 的 `onReady` 函数来初始化应用,创建一个组合框,并将之前定义的语言数组加载到其中。当用户选择语言后,我们可以通过 URL 参数获取并更新界面的语言设置,实现动态本地化。...

    Ext Column+Form布局画复杂页面

    在本文中,我们将深入探讨如何使用Ext Column+Form布局来构建复杂的页面。这种布局方式是Ext JS库中的一种强大工具,特别适用于创建数据输入密集型的Web应用界面。Ext JS是一个用于构建富客户端应用程序的JavaScript...

    ext 2.0 form demo

    1. 组件化:EXT 2.0的核心是组件模型,允许开发者将UI元素(如按钮、表格、表单)视为独立的可重用部件,方便组合和定制。 2. 数据绑定:EXT 2.0支持数据绑定,使得视图与模型之间的同步变得简单,这对于表单验证和...

    ext form 例子

    ext form 例子,有输入框,选择框,下拉框,复选框,日历等的复杂ExtJS例子

    Ext _Form布局通

    Ext_Form精典布局

    自己用Ext2.0做的Form表单

    自己用Ext2.0做的Form表单,是个包。里面有最后生成界面的图片

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    最后,`app.sql`文件可能是数据库脚本,用于初始化与自动补全相关的数据表。这部分内容不直接涉及ComboBox的实现,但确保后端数据源正确设置对于AutoComplete功能的正常运行至关重要。 综上所述,结合Ext JS的`...

    ext form小例子

    在“EXT form小例子”中,我们将探讨EXTJS Form组件的基础用法,包括客户端验证和对`Ext.form.Vtype`的扩展。 1. EXTJS Form组件基础: - 表单创建:EXTJS中的表单通常通过`Ext.create`方法创建,如`Ext.create('...

    EXT可视化编辑 EXT可视化编辑

    EXT可视化编辑.rar EXT可视化编辑.rar EXT可视化编辑.rar EXT可视化编辑.rar

    Extjs扩展DateTimeField时间初始化及点击日期显示Bug

    本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发中遇到的难题。 DateTimeField是EXTJS中用于处理日期和时间选择的组件,它允许用户同时选择日期和时间,...

    EXT中文手册 Grid Form

    接着使用EXT提供的API来初始化TabPanel组件,并添加相应的标签页。 **Step3: 创建Tab控制逻辑** 最后编写逻辑代码来控制TabPage的切换行为。 #### 表单组件入门 EXT提供了丰富的表单组件,可以帮助开发者轻松地...

Global site tag (gtag.js) - Google Analytics