Ext.FormPanel

//labelAlign参数
labelAlign:此参数是指form表单中items各项的label位置，默认值为left，枚举值有left,right,top

1.valueField:"valuefield"//value值字段
2.displayField："field"//显示文本字段
3.editable：false//false则不可编辑，默认为true
4.triggerAction:"all"//请设置为"all",否则默认为"query"的情况下，你选择某个值后，再此下拉时，只出现匹配选项，如果设为"all"的话，每次下拉均显示全部选项
5.hiddenName:string//真正提交时此combo的name，请一定要注意
6.typeAhead:true,//延时查询，与下面的参数配合
7.typeAheadDelay:3000,//默认250

//其他参数，请参考api，或自行尝试

//因为觉得这个参数特别，特举一例以说明
1.checkboxToggle:true//true则呈现一个带checkbox的fieldset，选中则展开，否则相反，默认为false
2.checkboxName:string//当上面为true时，作为checkbox的name，方便表单操作

/大家在很多的extjs代码中都看到了这两个，他们都起提示作用的
Ext.QuickTips.init();//支持tips提示
Ext.form.Field.prototype.msgTarget='side';//提示的方式，枚举值为"qtip","title","under","side",id(元素id)
　　　　　//side方式用的较多，右边出现红色感叹号，鼠标上去出现错误提示，其他的我就不介绍了，可自行验证
//大家可以分别去掉这两行代码，看效果就会明白他们的作用，（放在onReady的function（）{}中）

//form验证中vtype的默认支持类型
1.alpha //只能输入字母，无法输入其他（如数字，特殊符号等）
2.alphanum//只能输入字母和数字，无法输入其他
3.email//email验证，要求的格式是"[email protected]"
4.url//url格式验证，要求的格式是http://www.bianceng.cn

//input的各种类型（这个大家都知道，就只列了几个典型的）
radio
check
text(默认)
file
password等等

关于FormPanel的配置参数，请主要参考panel的参数，这里列举另外两个：

1.labelAlign:fieldlabel的排列位置，默认为"left"，其他两个枚举值是"center","right"
2.labelWidth:fieldlabel的占位宽
3.method:"get"或"post"
4.url："提交的地址"
5.submit:提交函数 //稍后我们一起详细分析

Formcomponents

---------------------------------------
form　　　　　　Ext.FormPanel
checkbox　　　　Ext.form.Checkbox
combo　　　　　　Ext.form.ComboBox
datefield　　　　Ext.form.DateField
field　　　　　　Ext.form.Field
fieldset　　　　Ext.form.FieldSet
hidden　　　　　Ext.form.Hidden
htmleditor　　　Ext.form.HtmlEditor
label　　　　　　Ext.form.Label
numberfield　　　Ext.form.NumberField
radio　　　　　　Ext.form.Radio
textarea　　　　Ext.form.TextArea
textfield　　　　Ext.form.TextField
timefield　　　　Ext.form.TimeField
trigger　　　　　Ext.form.TriggerField

//几点说明
1.首先定义submit参数的执行函数，即：
   submit: function(){
                    this.getEl().dom.action = 'GetForm.aspx',//转向页面地址
                    this.getEl().dom.method='POST',//方式
                    this.getEl().dom.submit();//提交！
              },
2.为按钮添加触发相应的提交（取消）事件（这样就不是默认的ajax提交）：
   buttons:[{text:"确定",handler:login,formBind:true},{text:"取消",handler:reset}]
  });
  function login(){
         form.form.submit();//提交
   }
   function reset(){
         form.form.reset();//取消
   }
3.如果你想绑定验证，在form表单添加参数monitorValid:true,然后在按钮配置参数中添加formBind：true，如
       buttons:[{text:"确定",handler:login,formBind:true},{text:"取消",handler:reset}]
则只有所有的填写字段都满足条件时，"确定"方可提交！

1.绑定验证的两个参数monitorValid:true,formBind:true
2.精确布局要注意的参数为和width有关的：width:500,labelWidth:55,columnWidth:.5,anchor:"90%",isFormField:true等
3.radio和checkbox通过inputValue获取值，页面传值
4.多列多组件布局为form和column和form布局组合使用，请参考源码分析！

转载:http://www.bianceng.cn/webkf/Extjs/201004/16587_2.htm