部分我们需要在在其items中指定使用region参数为其子元素指定具体位置。
2、fit容器沾满整个容器,长度和宽度没有效果。
3、
Ext.widget()和Ext.getCmp()的区别
一个是获取组件,一个是创建组件
4、field的allowBlank属性:判断是否必选项,false:必选;
5、
ExtJS中使用vtype
在ExtJS中vtype相当于一个预定义的客户端数据校验,每一种vtype都对应某一种特定的数据校验,比如说Email,IP地址,手机号等等。为了能够正确的使用它,需要注意以下四个方面:
- 在onReady方法中,必须调用Ext.QuickTips.init();方法,我是花了九牛二虎之力才发现这个的。因为我是从别的地方直接拷贝了一个FormPanel的定义,结果没有这个调用,因此校验错误的提示就TMD显示不出来。最后一步一步的检查在发现需要这个方法来初始化Ext中所有类似hint的显示功能。
- 还需要调用Ext.form.Field.prototype.msgTarget = 'side';方法,这个方法的作用是在需要校验的字段右边显示一个小叹号。
- 在需要校验的字段中用vtype设定相应的校验类型,如:email、url、alphamun等等,ExtJs本身仅仅定义了不多的几个。我们可以自定义,这就好像是struts2中自定义validation一样。
- 如果不定义vtypeText,那么在字段校验出错时,将会显示默认的错误信息,我们可以通过设置vtypeText来改变这一默认情况。
对于自定义vtype来说是通过以下方式来实现的:
Ext.apply(Ext.form.VTypes,{
xyz1 : function() {},
xyz2 : function() {}
});
其中xyz1和xyz2就是vtype的名字,方法是fuction(val, field);其中val代表了当前字段的值,而field表示的是当前字段的一个引用,通过这个引用可以访问在当前字段上定义的其他属性;
1.alpha //只能输入字母,无法输入其他(如数字,特殊符号等)
2.alphanum//只能输入字母和数字,无法输入其他
3.email//email验证,要求的格式是"usc@sina.com"
4.url//url格式验证,要求的格式是http://www.sina.com
5、labelAlign
这个只能设置三个值,或者是上面,或者是左面或者是右面。
默认是左面。
需要注意的是,设置为右面right的时候,并不是说,label放在文本框的右面
label仍然在左面,但是右对齐,就是紧贴着文本框。
默认的left是左对齐。
6、flex是元素的比例:
在你这个例子中flex表示 每一列占用1/2的宽度
举例:
flex:1
flex:1
flex:1
表示这3个元素各占用总宽度的1/3
再举例:
flex:1
flex:2
flex:2
表示这3个元素占的宽度分别为1/(1+2+2),2/(1+2+2),2/(1+2+2)
flex只在当layOut为vbox,hbox中起作用。
7、handler这个属性用于指定事件处理的函数。
比如你在一个按钮构造的时候指定它的属性
handler:function(){
alert("Hello");
}
那么你在点击这个按钮的时候,就会执行handler后面的函数(这里是一个匿名函数),弹出一个文本内容为Hello的对话框。
8、extjs中textfield的关于验证的一些属性设置
今天刚在做界面的验证,文章里讲的蛮详细...记录一下,方便以后使用...^_^
1:
ExtJS的textField 本身具备验证输入值的一些属性和方法,这些属性和方法都在config参数中进行配置。
1、是否允许空值
allowBlank : Boolean
如果是true,则允许,否则不允许,默认是true。
blankText : String
如果allowBlank 设置为true,并且那个textField的值为空,则会显示blankText属性的字符串以给出错误提示。
2:最长字符和最短字符
maxLength : Number
最长字符(可以达到)
maxLengthText : String
超出设定的最长字符时,会显示maxLengthText属性的字符串以给出错误提示。
minLength : Number
最短字符(可以达到)
minLengthText : String
不足设定的最短字符时,会显示minLengthText属性的字符串以给出错误提示。
3:正则表达式
regex : RegExp
设定正则表达式,eg:/^[abc]$/
regexText : String
输入值违反正则表达式时,会显示regexText属性的字符串以给出错误提示。
可以通过方法isValid( Boolean preventMark ) : Boolean 来得知输入值是否满足所有的限制要求。
9、window的方法
closeAction : String
这个参数来设置关闭方式,默认是close
你也可以设成‘hide’
一、属性
plain:布尔类型,true表示强制与背景色保持协调,默认值为false。
resizable:布尔类型,用户是否可以调整窗体大小,默认值为true表示可以调整大小。
maxinizable:布尔类型,true表示显示最大化按钮,默认值为false。
maximized:布尔类型,true表示显示窗体时将窗体最大化,默认值为false。
closable:布尔类型,true表示显示关闭按钮,默认值为true。
bodyStyle:与边框的间距,如:bodyStyle:"padding:3px"。
buttonAlign:窗体中button的对齐方式(left、center、right),默认值为right。
closeAction:"close"释放窗体所占内存,"hide"隐藏窗体,建议使用"hide"。
二、方法
show:打开窗体。
hide:隐藏窗体。
close:关闭窗体。
三、事件
show:打开窗体时触法。
hide:隐藏窗体时触法。
close:关闭窗体时触法。