1. EXT提交服務(wù)器的三種方式 1, EXT的form表單ajax提交(默認(rèn)提交方式)
相對單獨的ajax提交來說優(yōu)點在于能省略寫參數(shù)數(shù)組
將按鈕添加單擊事件,執(zhí)行以下方法
java 代碼
- function login(item) {
-
- if (validatorForm()) {
-
- this.disabled = true;
-
-
- formPanl.form.doAction('submit', {
-
- url : 'user.do?method=login',
-
- method : 'post',
-
-
- params : '',
-
-
- success : function(form, action) {
-
- Ext.Msg.alert('操作', action.result.data);
- this.disabled = false;
-
- },
- failure : function(form, action) {
-
- Ext.Msg.alert('警告', '用戶名或密碼錯誤!');
-
- this.disabled = false;
-
- }
- });
- this.disabled = false;
- }
- }
2.EXT表單的非ajax提交
在表單需加入下列代碼
代碼
-
-
- this.getEl().dom.action ='user.do?method=login'; this.getEl().dom.method = 'post';
-
- this.getEl().dom.submit();
- },
3.EXT的ajax提交
代碼
-
-
- Ext.Ajax.request({
-
- url: 'login.do',
-
- params: {
- LoginName:Ext.get('LoginName').dom.value,
- LoginPassword:Ext.get('LoginPassword').dom.value
- },
-
- success: function(response, options) {
-
- var responseArray = Ext.util.JSON.decode(response.responseText);
- if(responseArray.success==true){
- Ext.Msg.alert('恭喜','您已成功登錄!');
- }
- else{
- Ext.Msg.alert('失敗','登錄失敗,請重新登錄');
- }
- }
- });
2. 利用viewport布局左邊區(qū)域系統(tǒng)菜單跳轉(zhuǎn)兩種方式
1,使用Ext.get('centerPanel').load(url:"aaa.jsp");url為必選參數(shù)還有其他可選參數(shù) 請參見api文檔。缺點,加入的頁面js無效 2,使用iframe,具體
js 代碼
Ext.get('centerPanel').dom.innerHTML='< i f r a m e src=aaa.jsp>< / i f r a m e >';
優(yōu) 點可以在載入的頁面動態(tài)加載js腳本(推薦使用)
|