ExtJS4如何給同一個formpanel不同的url

更新時間：2014年05月02日 11:46:09 作者：

這篇文章主要介紹了ExtJS4如何給同一個formpanel不同的url,需要的朋友可以參考下

formpanel可以這樣使用，api上的例子：

 
var panel=Ext.create('Ext.form.Panel', { 
title: 'Simple Form', 
bodyPadding: 5, 
width: 350, 

// 將會通過 AJAX 請求提交到此URL 
//url: 'save-form.php', 

// 表單域 Fields 將被豎直排列, 占滿整個寬度 
layout: 'anchor', 
defaults: { 
anchor: '100%' 
}, 

// The fields 
defaultType: 'textfield', 
items: [{ 
fieldLabel: 'First Name', 
name: 'first', 
allowBlank: false 
},{ 
fieldLabel: 'Last Name', 
name: 'last', 
allowBlank: false 
}], 

// 重置 和 保存 按鈕. 
buttons: [{ 
text: '重置', 
handler: function() { 
this.up('form').getForm().reset(); 
} 
}, { 
text: '保存', 
formBind: true, //only enabled once the form is valid 
disabled: true, 
handler: function() { 
var form = this.up('form').getForm(); 
if (form.isValid()) { 
form.submit({ 
success: function(form, action) { 
Ext.Msg.alert('保存成功', action.result.msg); 
}, 
failure: function(form, action) { 
Ext.Msg.alert('操作失敗', action.result.msg); 
} 
}); 
} 
} 
}], 
renderTo: Ext.getBody() 
); 

再看API，formpanel竟然沒有url的配置，也沒有獲得api的函數(shù)。。想來應(yīng)該是formpanel的父類的參數(shù)。。

后來去看了看ext.form.basic，果然有url配置項。。

在Ext中FormPanel并中并不保存表單數(shù)據(jù)，其中的數(shù)據(jù)是由BasicForm保存，在提交表單的時候需要獲取當(dāng)前FormPanel中的BasicForm來進(jìn)行提交.

在獲取BasicForm對象后便可進(jìn)行表單的提交操作

因為要在項目中要用到2個組件，這2個組件唯一的差別是提交的url不一樣，故我在定義組件時沒有定義url這一項

然后在組件添加到不同容器時順便把不同的url也給上，以上面那個例子為例

在需要的地方

復(fù)制代碼代碼如下:

 
panel.getForm().url='../LogSelectServlet';//在不同的地方可以像這樣賦值不同的URL 

這種方法對于組件的重用是一個不錯的方法。

相關(guān)文章

關(guān)于viewport,Ext.panel和Ext.form.panel的關(guān)系
那個深入淺出ext作者比我還懶 viewport存放Ext.panel對象,其容器中的成員可以以borderlayout方式布局
2009-05-05
Extjs學(xué)習(xí)筆記之五一個小細(xì)節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個看起來類似的配置項，applyTo和renderTo，這兩個配置項都是用來指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢，網(wǎng)上搜了下，有兩篇博文也是關(guān)于這個的。
2010-01-01
ExtJS中文亂碼之GBK格式編碼解決方案及代碼
這幾天做后臺看了一些Ext的知識，在切入工作項目的時候出現(xiàn)了亂碼情況,所以就總結(jié)了這篇ExtJS中文亂碼之GBK格式編碼解決辦法的文章,遇到此問題的朋友可以參考一下，希望本文對你有所幫助
2013-01-01
ExtJs 3.1 XmlTreeLoader Example Error
ExtJs 3.1的XmlTreeLoader例子折騰了我近一個下午加晚上，官方的例子沒有問題，可以加載xml的數(shù)據(jù)，本地IIS死活不行
2010-02-02
Extjs學(xué)習(xí)筆記之八繼承和事件基礎(chǔ)
只有有了事件，頁面才能真正的“活”起來。Extjs的事件也是經(jīng)過良好封裝的，對于事件的處理都由Ext.uitl.Observable類提供接口。
2010-01-01
Extjs實現(xiàn)進(jìn)度條的兩種便捷方式
后臺程序往往可能要執(zhí)行一段時間才能得到返回結(jié)果，加入進(jìn)度條可以提高客戶體驗度，在本文為大家介紹兩種便捷的實現(xiàn)方式，感興趣的朋友可以了解下
2013-09-09
Extjs的FileUploadField文件上傳出現(xiàn)了兩個上傳按鈕
Extjs的FileUploadField文件上傳在頁面中出現(xiàn)了兩個上傳按鈕，這個是和ext的本身css的樣式有關(guān)系，所以要將樣式修改下
2014-04-04
Extjs gridpanel 出現(xiàn)橫向滾動條問題的解決方法
Extjs gridpanel 出現(xiàn)橫向滾動條問題的解決方法，在gridpanel中加入以下代碼即可。
2011-07-07
extJs 下拉框聯(lián)動實現(xiàn)代碼
extJs 下拉框聯(lián)動實現(xiàn)代碼，需要的朋友可以參考下。
2010-04-04
extjs grid設(shè)置某列背景顏色和字體顏色的方法
extjs grid設(shè)置某列背景顏色和字體顏色的方法，需要的朋友可以參考下。
2010-09-09