extjs

1、border布局border布局也称边界布局他将页面分隔为west,east,south,north,center这五个

部分我们需要在在其items中指定使用region参数为其子元素指定具体位置。

2、fit容器沾满整个容器，长度和宽度没有效果。

3、

Ext.widget()和Ext.getCmp()的区别

 

一个是获取组件，一个是创建组件

4、field的allowBlank属性：判断是否必选项，false：必选；

5、

ExtJS中使用vtype

在ExtJS中vtype相当于一个预定义的客户端数据校验，每一种vtype都对应某一种特定的数据校验，比如说Email，IP地址，手机号等等。为了能够正确的使用它，需要注意以下四个方面：

1. 在onReady方法中，必须调用Ext.QuickTips.init();方法，我是花了九牛二虎之力才发现这个的。因为我是从别的地方直接拷贝了一个FormPanel的定义，结果没有这个调用，因此校验错误的提示就TMD显示不出来。最后一步一步的检查在发现需要这个方法来初始化Ext中所有类似hint的显示功能。
2. 还需要调用Ext.form.Field.prototype.msgTarget = 'side';方法，这个方法的作用是在需要校验的字段右边显示一个小叹号。
3. 在需要校验的字段中用vtype设定相应的校验类型，如：email、url、alphamun等等，ExtJs本身仅仅定义了不多的几个。我们可以自定义，这就好像是struts2中自定义validation一样。
4. 如果不定义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：关闭窗体时触法。