`
huang5787826
  • 浏览: 46116 次
  • 性别: 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 dojochina文本框示例Ext.form.TextField.rar

    Ext.form.TextField最简单的用法.docx

    Ext.form.TextField最简单的用法.docx

    ext可编辑表格

    var fm = Ext.form; //构造一个只能包含checkbox的列 var checkColumn = new Ext.grid.CheckColumn({ header: 'Indoor?', dataIndex: 'indoor', width: 55 }); // 构造ColumnModel var cm = new Ext....

    fixjs-0.3.0

    --新增功能:新增类fixjs.text.TextField --新增功能:新增静态方法fixjs.text.TextField.measureSize --新增功能:新增静态方法fixjs.text.TextField.measureHeight --新增功能:新增类fixjs.LayoutUtil release ...

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    &lt;ext:Window runat="server" Title="#{TextField1.Text}" /&gt; 13. Renamed WebControl class to ExtControl. As well, renamed Coolite.Ext.Web.WebControl.cs file to Ext.Net.ExtControl.cs. 14. Removed...

    EXT表单验证之TextField

    EXT表单验证之TextField,vtype 包括所有EXT中TextField的验证方式

    FairyGUI-Unity-Plugin-3.4.0.zip

    - NEW: Add textfield maxwidth feature. - NEW: Add API to query package dependencies. - IMPROVED: Graphics module refactor. Now it is more convenient to create various shapes(pie, lines, polygon etc) ...

    extjs中的xtype的所有类型介绍

    14. textfield - xtype: 'textfield', 描述: 表单文本框 15. trigger - xtype: 'trigger', 描述: 触发录入项 16. checkboxgroup - xtype: 'checkboxgroup', 描述: 编组的多选框(Since 2.2) 17. displayfield - ...

    ShiYan4-1.zip

    5)性别:Choice 6)邮箱输入框和是否公开邮箱:TextField和CheckBox 7)爱好:CheckBox(数量不限) 8)获得用户输入的结果之后进行汇总显示。 同时要求在用户登录时需要输入验证码,其原理为:使用Random产生两个...

    extjs增删改查典型案例

    userForm = new Ext.FormPanel({ id:'conditionForm', labelWidth:'80', labelAlign:'right', border:false, bodyBorder:false, frame:true, items:[ layout:'column', items:[ { columnWidth:'.8', ...

    EXT核心API详解

    49、Ext.form.TextField类 …………… 44 50、Ext.form.NumberField类 ………… 44 51、Ext.form.TextArea类 …………… 45 52、Ext.form.TriggerField类 ……… 45 53、Ext.form.DateField类 ………… 45 54、Ext....

    homework4_interiorbsy_random_swing组件界面设计_

    TextArea5)性别:Choice 6)邮箱输入框和是否公开邮箱:TextField和CheckBox7)爱好:CheckBox(数量不限) 8)获得用户输入的结果之后进行汇总显示。同时要求在用户登录时需要输入验证码,其原理为:使用...

    Extjs4.0一些常见入门学习范例带注释详解

    Ext.onReady(function() { /** * 1.创建一个window窗体 */ Ext.define('MyApp.MyWindow', { extend : 'Ext.Window', title : 'welcome!', initComponent : function() { this.items = [{ xtype : 'textfield', name ...

    Python库 | plone.app.textfield-1.2.4.zip

    资源分类:Python库 所属语言:Python 资源全名:plone.app.textfield-1.2.4.zip 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    Python库 | plone.app.textfield-1.1.zip

    资源分类:Python库 所属语言:Python 资源全名:plone.app.textfield-1.1.zip 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    Ext Extjs 禁止文本和日期编辑

    Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性

    关于Ext中form移除textfield方法:hide(),setVisible(false),remove()

    下面是一个我遇到问题代码的简化版本,没有经过测试,大概意思是要是在form里想控制不显示表单,用remove()方法有效 代码如下: new Ext.form.FormPanel({ id : ‘ReportForm’,items : [{ {id:”001″}, {id:”002″...

    TextField-InputView, UITextField InputView模式:终结注册类、信息采集类.zip

    TextField-InputView, UITextField InputView模式:终结注册类、信息采集类

    ios-输入框,TextField.com

    输入框,TextField

    Extjs NumberField后面加单位实现思路

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

Global site tag (gtag.js) - Google Analytics