Ext JS学习笔记二

Ext JS的表单组件：

1.一般情况下，在新建一个FormPanel时，都会添加以下代码：

Ext.form.Field.prototype.msgTarget = 'qtip';

当输入框验证不通过时消息提示的方式，一共有四种方式：

（1）qtip 　　（2）title　

　(3) under  (4) side

2.文本输入 TextField

常用配置：fieldLabel 输入框的标签

　　　　　name  表单参数名称

　　　　　allowBlank vtype  校验输入值合法性

常用方法：

　　　　  getValue　　setValue　　isValue　　validate

常用事件：

　　　　  change 内容变化

　　　　  keydown  keyup  keypress 按钮

　　　　  blur  移开焦点

一些特殊输入框：TimeField　　NumberField　　TriggerField

3.多行文本输入 TextArea

　　TextField 和TextArea比较类似，主要差别在于TextArea用于文本区域的输入，TextArea支持的功能主要有：

　　（1）设定最大和最小高度：growMax　　growMin

　　（2）是否能够出现滚动条：preventScrollbars

4.单选框 Radio

常用配置项：

　　boxLabel   旁边显示的文字  

　　checked　　设置是否被选中状态true

　　inputValue  应该显示在元素value处的值

　　name  　　 HTML的name属性 默认为‘’

5. 复选框 Checkbox

常用配置项：

　　boxLabel   旁边显示的文字  

　　checked　　设置是否被选中状态true

　　inputValue  应该显示在元素value处的值

　　name  　　 HTML的name属性 默认为‘’

6.下拉列表 ComboBox

常用配置项：

　　xtype：'combo'　　定义为下拉列表

　　valueField　　用以取值的数据的字段名

　　mode　　　　读取本地数据则将值设为'local' 默认为'remote'表示从服务器读取数据

　　store　　绑定的数据仓库 默认为undefined 

7.日期   DateField

常用配置项:

　　format　　用以覆盖本地化的默认日期格式化字符串 （Y-m-d）

　　invalidText　　表单元素无效时在上面显示的文本信息

　　value  字段初始化的值 默认为underfined

。。。。

还有其它表单元素在此不一一说明了