EXTJS FORM

轉載自http://www.cnblogs.com/Heroman/archive/2008/03/28/1127463.html

 

EXTJS FORM技巧一

Q:如何使表單不使用AJAX方式提交?
A:給form加上以下配置

onSubmit: Ext.emptyFn,
        submit: function ()  {
             this .getForm().getEl().dom.action  =   this .url;
             this .getForm().getEl().dom.submit();
            } ,

因爲EXTJS的BUTTON就算指定了TYPE爲SUBMIT也不能提交,所以,對於需要提交的按鈕,要加上事件處理函數:

handler: function () {
                form1.submit();            
            }

這樣,表單就會以普通方式提交了.

Q:如何爲表單加上Reset重置按鈕?
A:雖然你可以將BUTTON的TYPE改爲RESET,但是,實際上,還是要你自己處理復位.下面的代碼可以復位表單

handler: function ()  {
                form1.form.reset();
            }

注意,要把這裏的form1改爲你的formpanel名稱,這裏很變態的一點就是,對於submit按鈕,我們可以用form1.submit(),但是reset按鈕,竟然無法用form1,reset,竟然要用form1.form.reset(),太不可思議了
Q:如何在表單提交前進行統一驗證?
A:這個問題,我也曾苦惱過,查了EXTJS的FORUM才解決
首先,要將提交按鈕和FORM綁定,在BUTTON配置中加以下內容:

formBind: true ,

然後,在FORM中要加以下配置:

monitorValid: true ,

這樣,提交按鈕就與表單的驗證綁在一起了,只有全部驗證通過時,表單提交按鈕纔是enable的,否則,該按鈕不可以點擊
雖然解決了問題,但是,卻不是很靈活,希望下一版能改進吧.
Q:爲何傳給GRID的XML數據顯示不出來?
A:Grid的XML數據,除了必須是普通的XML文件外,還有一個潛在的解析要求,那就是至少要有根節點,表節點和記錄節點這三級
否則,將顯示不出數據,但不會報錯
Q:爲何動態傳遞ASP生成的XML數據給GRID卻顯示不出來?
A:普通XML作爲GRID數據能顯示,而ASP生成的卻不行,原因是ASP生成的XML在生成時沒有指明Content-Type,只要在代碼開始加上:Response.contentType="text/xml"即可