快捷導(dǎo)航

ExtJS4如何給同一個(gè)formpanel不同的url

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

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

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

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

// 將會(huì)通過(guò) AJAX 請(qǐng)求提交到此URL 
//url: 'save-form.php', 

// 表單域 Fields 將被豎直排列, 占滿(mǎn)整個(gè)寬度 
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竟然沒(méi)有url的配置，也沒(méi)有獲得api的函數(shù)。。想來(lái)應(yīng)該是formpanel的父類(lèi)的參數(shù)。。

后來(lái)去看了看ext.form.basic，果然有url配置項(xiàng)。。

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

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

因?yàn)橐陧?xiàng)目中要用到2個(gè)組件，這2個(gè)組件唯一的差別是提交的url不一樣，故我在定義組件時(shí)沒(méi)有定義url這一項(xiàng)

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

在需要的地方

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

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

這種方法對(duì)于組件的重用是一個(gè)不錯(cuò)的方法。

相關(guān)文章

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