Ext.form.TextField最简单的用法

   var textfieldName = new Ext.form.TextField

  ({

  id:"textfieldName",

  allowBlank:false,//默认是true,如果是false,就是不允许空

  //假如不为空时,定义提示信息 默认的提示信息是:This field is required

  //要使提示内容出现,需要添加 Ext.QuickTips.init();

  blankText:"请输入数据",

  disabled:false,//默认是false

  emptyText:"请正确输入数据",//默认是null

  fieldLabel:"用户名称",//默认是""

  height:"auto",//默认是auto

  hidden:false,//默认是false

  hideLabel:false,//默认是false

  hideMode:"offsets",//默认display,可以取值:display,offsets,visibility

  inputType:"text",//输入类型 这个很重要,可以是radio, text, password, file 默认是text

  invalidText:"invalidText:只能够输入数字",//默认是:The value in this field is invalid

  maxLength:100,//能够输入的内容的最大长度

  maxLengthText:"输入内容太长了",//超出最大长度的设置信息

  minLength:2,//能够输入的内容的最小长度

  maxLengthText:"输入内容太短了",//没有达到最小长度的设置信息

  readOnly:false,//内容是否只读,默认false

  regex:/^d$/, //正则表达式 这里假设只允许输入数字 如果输入的不是数字 就会出现下面定义的提示信息

  regexText:"regexText:只能够输入数字", //定义不符合正则表达式的提示信息

  validateOnBlur:true,//默认是true,失去焦点时验证

  validationDelay:300,//默认是250,验证延迟时间,毫秒数

  validationEvent:"click", //验证事件 默认是keyup 可以是String/Boolean

  //自定义的验证函数 当输入的数据不符合正则表达式的要求时,就会执行这个函数

  validator:function(){Ext.Msg.alert("提示信息","只能够输入数字");},

  value:"",//自定义的信息 默认是:undefined

  //x:number,y:number,在容器中的x,y坐标

  width:"auto",//默认是auto

  renderTo:"Bind_TextField"

时间: 2025-01-28 07:55:35

Ext.form.TextField最简单的用法的相关文章

Ext form表单加载时 下拉框取值的问题

问题描述 Ext form表单加载时 加载的数据 后台传的的是id号,下拉框匹配的时候匹配当该id的name可是现在有个问题,当表单加载完成 下拉框的数据还没加载完成 这时下拉框显示的id,不是name只有当下拉框数据源先加载完 表单数据后加载完 才显示的是name.....有人说 给下拉框数据源添加 load事件 在load事件方法里面 给组件赋值:Ext.getCmp("组件Id").set(value).可是这个value 是form表单里jsonreade里的 我怎么能方便的取

ext form reset() 失效!

问题描述 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

viewport,Ext.panel和Ext.form.panel的关系

//一个普通的表单 var frm = new Ext.form.FormPanel({ defaultType: 'textfield', labelAlign: 'right', title: 'form1-center', labelWidth: 50, frame: true, width: 120, height:200, region: 'center', closable: true, //这个属性就可以控制关闭该from items: [{ fieldLabel: '文本框' }

关于viewport,Ext.panel和Ext.form.panel的关系_extjs

Ext.panel 可以存放很多元素,最常见的是Ext.form.formPanel对象,也可以用borderlayout布局 下面是我写的一个小例子,顶级容器不是viewport而是tabpanel 复制代码 代码如下: //一个普通的表单 var frm = new Ext.form.FormPanel({ defaultType: 'textfield', labelAlign: 'right', title: 'form1-center', labelWidth: 50, frame:

模拟java.util.Collection一些简单的用法

/* 需求:模拟java.util.Collection一些简单的用法!   注意:java虚拟机中并没有泛型类型的对象.泛型是通过编译器执行一个被称为类型擦除的前段转换来实现的. 1)用泛型的原生类型替代泛型. 原生类型是泛型中去掉尖括号及其中的类型参数的类或接口.泛型中所有对类型变量的引用都替换为类型变量的最近上限类型, 如对于Cage<T extends Animal>, T的引用将用Animal替换,而对于Cage<T>, T 的引用将用Object替换.   2) */

ExtJs之Ext.form.field.TimePicker DatePicker组合框

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/

ExtJs之Ext.form.field.ComboBox组合框

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/

extjs4-使用Ext.form.action.Action ,断开与服务端的连接,再提交,提示框无法关闭

问题描述 使用Ext.form.action.Action ,断开与服务端的连接,再提交,提示框无法关闭 使用Ext.form.action.Action 来提交数据,提交前断开与服务端的连接,再提交.waitMessage的信息一直显示,该怎么关闭啊 解决方案 配置timeout 和failure,超时后触发failure事件,隐藏起来就行了~ timeout单位为妙..

ext form 表单提交数据的方法小结_YUI.Ext相关

EXT的form表单ajax提交(默认提交方式)  复制代码 代码如下:  1. function login(item) {    2.    3. if (validatorForm()) {    4. // 登录时将登录按钮设为disabled,防止重复提交    5. this.disabled = true;    6.    7. // 第一个参数可以为submit和load    8. formPanl.form.doAction('submit', {    9.    10.