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