1、北風網項目培訓講師：五月虎（北風網版權所有)在線選課系統1、表單2、表單組件3、textField控件4、實例：用戶登錄界面ExtJS表單組件特性主要表現：1、表單的異步提交2、可配置的表單數據驗證3、可配置的表單錯誤提示4、對特殊數據（數組、日期、時間等）輸入組件的支持Extjs表單組件說明Ext.form.Checkbox復選框Ext.form.ComboBox下拉列表Ext.form.DateField日期選擇表Ext.form.Hidden隱藏域Ext.form.HtmlEditorHTML文本編輯器Ext.form.NumberField數字輸入框Ext.form.Radio單選框E

2、xt.form.TextArea多行文本框Ext.form.TimeField時間選擇器Ext.form.TextField單行文本框Ext.form.TriggerField觸發按鈕文本框 配置項類型說明buttonsArray一個按鈕(Ext.Button)配置對象數組，按鈕將被添加到表單頁腳中buttonAlignString設置Buttons中按鈕的對其方式，有效值包括left、center和right,默認值為centerfooterBoolean是否創建表單頁腳headerBoolean是否創建表單標題欄，如果設置了title屬性則會自動創建標題欄headAsTextBoolean

3、在標題欄中是否顯示title，默認為trueitemsMixed一個子元素或子元素的數組labelAlignString表單表簽的對齊方式，有效值包括left,top和right,默認為let。如果當前表單包含子容器，并且在子容器中沒有設置該屬性，則該屬性的設置輝級聯到子容器中labelWidthNumber表單標簽的寬度titleString表單標題方法名說明getForm():Ext.form.BasicForm獲取表單面板對應的基本表單對象 load(Object options):void加載表單內容，該方法是Ext.form.BaseicForm.load的代理。startMonit

4、oring():void開始監控表單的有效狀態stopMonitoring():void停止監控表單的有效狀態 配置項類型說明nameString字段名(數據提交到后臺的名稱)idString控件的唯一標示，默認系統會主動生成一個唯一標示valueString字段的初始化值readOnlyBoolean設置字段是否只讀，默認為falsevalidateOnBlurBoolean設置字段在失去焦點時是否被驗證，默認為falsevalidationDelayNumber驗證的延時時間，以毫秒為單位，默認為250disabledBoolean設置字段是否不可用，默認為falsefieldLabelS

5、tring地段對應得標簽說明，默認為空白字符串()hideLabelBoolean是否隱藏字段標簽，默認為falsehideModelString有效值包括visibility,offsets,displayhideParentBoolean設置為true則顯示或隱藏組件時同時隱藏組件的容器，默認為falselabelSeparatorString字段標簽于字段之間的分隔符，默認:,這項設置會覆蓋Ext.form.FormPanel中對應的配置msgTargetString設置錯誤信息顯示的位置，有效值包括： qtip：顯示一個浮動的提示信息 title：顯示一個瀏覽器的負擔提示信息 unde

6、r：在字段下方顯示一個提示信息 side: 在字段的右邊顯示一個提示信息 Ext.form.TextField自建擴展自Ext.form.Field類，其配置項為：配置項類型說明allowBlankBoolean是否允許為空，默認為trueblankTextString是否允許驗證失敗后顯示提示信息emptyTextString在一個字段中默認顯示的信息growBoolean設置字段是否根據內容字段進行伸展和收縮。默認為falsegrowMaxNumber字段伸展的最大寬度，默認為800growMin Number字段收縮的最小寬度，默認為30inputtypeString字段類型，默認為textmaxLengthNumber字段允許輸入的最小長度minLengthNumber字段允許輸入的最小長度maxLengthTextString最大長度驗證失敗后顯示的提示信息minLengthTextString最小長度驗證失敗后顯示的提示信息regexString一個javascript正則表達式對象regexTextString正則表達式驗證失敗后顯示的提示信息，默認為空vtypeString一個驗證類型的名字vtypeTextString一個自定義的提示信息，用來替代vtype本身的錯誤提示信息valida