Ext textField 回车 提交

var name = new Ext.form.TextField({

labelSeparator : '',   //laber分割内容

name : 'name',

xtype : 'textfield',

allowBlank : true,

width : 60,

listeners : {

specialkey : function(field, event) {     //监听specialkey 事件

if (event.getKey() == event.ENTER) {   //当条件成立时,表明是enter键

search();

}

}

}

});

 

function search(){

      方法过程省略...

}

### 关于 Ext JS 中 TextField 的属性 在 Ext JS 中,`TextField` 是一种常见的表单字段组件,提供了多种属性来满足不同的需求。以下是 `TextField` 常见的一些重要属性及其功能描述: #### 1. **基础属性** - **name**: 定义该字段的名称,通常用于提交数据时作为键名[^1]。 ```javascript name: 'username' ``` - **fieldLabel**: 设置字段旁边的标签文字。 ```javascript fieldLabel: '用户名' ``` - **value**: 初始化字段的默认值。 ```javascript value: '默认值' ``` - **allowBlank**: 控制是否允许为空。如果设置为 `false`,则用户必须填写此字段。 ```javascript allowBlank: false ``` #### 2. **校验相关属性** - **vtype**: 提供内置的验证类型支持。例如,`email` 类型会自动验证输入的内容是否符合电子邮件格式。 ```javascript vtype: 'email' ``` - **regex**: 自定义正则表达式来进行更复杂的验证。 ```javascript regex: /^[0-9]+$/, regexText: '请输入仅包含数字的内容' ``` #### 3. **交互与样式** - **readOnly**: 如果设为 `true`,则该字段只读不可编辑。 ```javascript readOnly: true ``` - **disabled**: 将字段禁用,无法操作。 ```javascript disabled: true ``` - **maxLength/maxLengthText**: 设定最大字符长度以及超出后的提示信息。 ```javascript maxLength: 50, maxLengthText: '最多可输入50个字符' ``` #### 4. **事件处理** - **listeners**: 添加监听器以响应特定事件,比如 `change` 或 `blur` 等。 ```javascript listeners: { change: function(field, newValue, oldValue) { console.log('新值:', newValue); } } ``` #### 示例代码 以下是一个完整的 `TextField` 配置示例: ```javascript Ext.create('Ext.form.field.Text', { renderTo: Ext.getBody(), name: 'email', fieldLabel: '电子邮箱', allowBlank: false, vtype: 'email', maxLength: 100, maxLengthText: '电子邮箱地址不得超过100个字符', listeners: { blur: function(field) { console.log('失去焦点'); } } }); ``` ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值