`
huang5787826
  • 浏览: 46749 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
文章分类
社区版块
存档分类
最新评论

Ext文本输入框:Ext.form.TextField属性汇总

阅读更多
Ext.form.TextField首要设置装备摆设表:
allowBlank Boolean 是不是许可为空(默许true)
blankText String 为空验证掉败提醒信息
emptyText String 空字段中默许显示信息
grow Boolean 设置字段是不是按照内容伸缩(默许false)
growMax Number 字段舒展的最年夜宽度(默许800)
growMin Number 字段缩短最小宽度(默许30)
inputType String 字段类型(默许text)
maxLength Number 字段许可输入最年夜长度
masLengthText String 最年夜长度验证掉败提醒信息
minLength Number 字段许可输入最小长度
minLenghtText String 最小长度验证掉败提醒信息
regex String javascript正则表达式
regexText String 正则表达式验证掉败提醒信息斯塔帝恩
selectOnFocus Boolean 设置当前字段获得核心是不是主动选择已存在文本(默许false)<精灵湖br>vtype String 验证类型名字
vtypeText String 自界说提醒信息阴影圣印,取代vtype自己的毛病提醒信息
validator Function 在所有根基验证通事后挪用(默许null)

Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif';
//初始化信息提拆台的天兵示功能
Ext.QuickTips.init();
//同一指定毛病信息提醒浮动显示体例
Ext.form.Field.prototype.msgTarget = 'side';

var config = {
title:'Ext.form.TextField例', //表单题目
labelSeparator:':',就很难到达预期的过滤结果, //表单label与其他元素朋分符
labelWidth:60, //标签宽
labelAlign:'right', //标签对齐体例
bodyStyle:'padding:5 5 5 5', //表单边距
frame:true, //是不是衬着表单
height:120, //表单高
width:250, //表单宽
renderTo:'form',dnf体验服外挂 //表单定位
//表票据元素数组
items:[
new Ext.form.TextField({
fieldLabel:'用户名',
id:'userName',
selectOnFocus:新手卡true, //获得核心主动选择文本
allowBlank:false, //不许可为空
blankText:'用户名不成为空', //空验证掉败毛病提醒信息
//javascript邮件验证正则表达式
regex:/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/,夏离 立秋,
regexText:'用户格局毛病' //javascript正则表达式验证掉败毛病信息提醒
}),
new Ext.form.TextField({
fieldLabel:'暗码',
inputTyp血铸盾牌e:'password', //设置输入类型为password
allowBlank:false,
blankText:'暗码不成为空'
})
]
}

var form = new Ext.form.FormPanel(config);
});
分享到:
评论

相关推荐

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

    `Ext.form.TextField`是EXT框架中的一个核心组件,用于创建基本的输入字段,如文本输入框。这个组件提供了多种功能,包括但不限于: 1. **基本用法**:最简单的使用方式是在表单(`Ext.form.Panel`)中创建一个`Ext...

    EXT.form组件

    12. `textfield`:`Ext.form.TextField`是最基本的文本输入框,用于接收用户输入的一行文本。 13. `timefield`:`Ext.form.TimeField`允许用户选择时间,通常与日期字段一起使用,创建日期和时间选择器。 14. `...

    ExtJs_xtype一览

    - `textfield`:`Ext.form.TextField`,单行文本输入框。 - `trigger`:`Ext.form.TriggerField`,触发式输入框,常用于日期或搜索框。 - `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个...

    extjs帮助文档pdf版

    - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用方法**: - `Ext.create()`: 创建一个组件实例...

    ext-3-TextField-sample.rar_ext_ext TextField_ext textfield inp

    在提供的压缩包中,"ext-3-TextField-sample.rar" 涉及到的是ExtJS 3.x版本中的TextField组件,这是一个基本的用户输入控件,常用于收集用户在网页上的文本信息。这个示例着重介绍了如何创建和使用TextField。 ...

    Ext表单组件之textField

    Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行文本。这个组件可以用于创建各种类型的输入字段,如普通文本输入、密码输入、电子邮件地址输入等,通过设置不同的配置选项来满足不同的需求...

    Ext登陆login

    在登录页面中,我们会用到`Ext.form.field.Text`(文本输入框)和`Ext.button.Button`(按钮)。 2. **Ext.container.Container**: 用于组合其他组件,如`Ext.container.Viewport`可以作为整个应用的容器,包含登录...

    Extjs中文教程2.x

    - **示例**: `new Ext.form.TextField({ labelWidth: 100, labelAlign: 'right', allowBlank: false, listeners: { afterrender: function(field) { field.el.on('mouseover', function(e) { var tip = new Ext....

    extjs 5 textfield 金额控件扩展

    7. **使用示例**:在应用中引入这个扩展,然后像使用普通的Textfield一样使用`Ext.form.field.MoneyField`,但会自动获得金额输入的特性。 通过这个扩展,开发者可以简化金额输入的处理,提高用户体验,同时也保证...

    ext输入框点击回车键直接进入查询

    "ext输入框点击回车键直接进入查询"这一主题涉及到的是EXTJS框架中的一个常见功能,即如何在用户在输入框中按下回车键时触发查询操作。EXTJS是一个强大的JavaScript库,用于构建桌面和移动应用,它提供了丰富的组件...

    ext常用注释

    this.search_textfield = new Ext.form.TextField({ width: '98%', enableKeyEvents: true }); this.search_btn = new Ext.Button({ text: '', width: 70 }); this.search_high = new Ext.Button({ text: '高级',...

    Ext中表单中各种组件的布局

    var form = new Ext.form.FormPanel({ renderTo: 'div', labelAlign: 'right', buttonAlign: 'right', labelWidth: 60, title: '表单', frame: true, width: 400, items: [{ layout: 'column', items: [ ...

    extjs属性方法大全

    `Ext.form.TextField` 是一个文本输入框字段。 - **属性:** - `allowBlank`: 是否允许空白,默认为 `true`。 - `blankText`: 空白时的错误提示。 - `emptyText`: 占位符文本。 - `grow`: 是否自动伸展,默认为...

    ExtJS 资料收集

    'viewport &gt; form textfield[name=password]': { keypress: this.userLogin } }) }, userLogin: function(b, e, eOpts) { if (e.getKey() == 13) { // 检查是否按下了回车键 Ext.Msg.alert('提示', '您已经...

    ext可编辑表格

    在这个例子中,`columns`数组包含了多个对象,每个对象代表一列,其中`editor`属性指定了该列的编辑器,如`TextField`(文本框)、`ComboBox`(下拉框)和`NumberField`(数字输入框)。 - `TextField`允许用户...

    Extjs NumberField后面加单位实现思路

    UnitText.js ======================= 代码如下: // 输入框textfield后面放字unitText定义: Ext.override(Ext.form.TextField, { unitText : ”, onRender : function(ct, position) { Ext.form.TextField....

    用ext来登录的程序代码

    ### 使用Ext进行登录功能开发详解 #### 一、前言 在现代Web应用开发中,登录功能是非常基础且重要的组成部分。对于初学者来说,如何利用Ext框架实现一个完整的登录功能可能会遇到不少挑战。本文将通过一份示例代码...

    Ext 入门 登陆验证表单提交

    EXTJS允许我们通过其丰富的组件库创建美观且功能丰富的表单,包括输入框、按钮等元素。在登录场景中,我们通常会有一个包含用户名和密码字段的表单,并且需要进行服务器端的验证来确保用户信息的正确性。下面我们将...

    ext 实例

    这可能包括文本输入框(`Ext.form.TextField`)用于用户名和留言内容,下拉菜单(`Ext.form.ComboBox`)用于选择主题,以及提交按钮(`Ext.Button`)来发送留言。 2. **布局管理**:EXT的布局系统允许开发者灵活地...

Global site tag (gtag.js) - Google Analytics