ExtJS4如何給同一個(gè)formpanel不同的url
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è)例子為例
在需要的地方
panel.getForm().url='../LogSelectServlet';//在不同的地方可以像這樣賦值不同的URL
這種方法對(duì)于組件的重用是一個(gè)不錯(cuò)的方法。
相關(guān)文章
Extjs中TabPane如何嵌套在其他網(wǎng)頁(yè)中實(shí)現(xiàn)思路及代碼
Extjs中TabPane在一些特殊用途時(shí)把其嵌在其他的網(wǎng)頁(yè)中,很多新手朋友可能對(duì)此不是很熟悉,小編就在本文章中詳細(xì)的介紹一下,感興趣的你可不要錯(cuò)過(guò)了啊,希望本文對(duì)你有所幫助2013-01-01ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼
ExtJS中的desktop的demo中,默認(rèn)的圖標(biāo)排列是不換行的,以下代碼就是為了解決這一問(wèn)題的,需要的朋友可以了解下2013-11-11入門(mén)基礎(chǔ)學(xué)習(xí) ExtJS筆記(一)
這段時(shí)間手中項(xiàng)目已經(jīng)完成,空閑時(shí)間較多。開(kāi)始了學(xué)習(xí)ExtJs之旅。2010-11-11extjs 列表框(multiselect)的動(dòng)態(tài)添加列表項(xiàng)的方法
最近公司一個(gè)項(xiàng)目,因?yàn)橐褂胐iv模擬的窗口,因?yàn)榫寐別xtjs的大名,因此就想在項(xiàng)目中使用一下.首先下載了multiselect的extjs3.0 demo.看到的代碼這里我就不粘貼了.2009-07-07ExtJS4如何自動(dòng)生成控制grid的列顯示、隱藏的checkbox
需要做一個(gè)控制grid列顯示的checkboxgroup,雖然EXTJS4中的gridpanel自帶列表可以來(lái)控制列的顯示隱藏,需要的朋友可以參考下2014-05-05一個(gè)簡(jiǎn)單的Ext.XTemplate的實(shí)例代碼
把省份與城市以樹(shù)的形式輸出的Ext.XTemplate的實(shí)例代碼,需要的朋友可以參考下2012-03-03Extjs學(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導(dǎo)入extjs、jquery 文件時(shí)$使用沖突問(wèn)題解決方法
在html頁(yè)面中,沒(méi)有導(dǎo)入jquery文件時(shí),可以正常保存,而導(dǎo)入jquery文件后,則不能不存了,發(fā)現(xiàn)導(dǎo)入的jquery文件和現(xiàn)有的extjs文件沖突了2014-01-01Extjs列表詳細(xì)信息窗口新建后自動(dòng)加載解決方法
有時(shí)候我們?cè)谛陆斜碇械囊豁?xiàng)后需要進(jìn)入立刻進(jìn)入詳細(xì)信息的編輯頁(yè)面,為了使得操作簡(jiǎn)便,一般設(shè)定自動(dòng)導(dǎo)向。2010-04-04