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也給上,以上面那個例子為例
在需要的地方
panel.getForm().url='../LogSelectServlet';//在不同的地方可以像這樣賦值不同的URL
這種方法對于組件的重用是一個不錯的方法。
復(fù)制代碼 代碼如下:
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)文章
Extjs中TabPane如何嵌套在其他網(wǎng)頁中實現(xiàn)思路及代碼
Extjs中TabPane在一些特殊用途時把其嵌在其他的網(wǎng)頁中,很多新手朋友可能對此不是很熟悉,小編就在本文章中詳細(xì)的介紹一下,感興趣的你可不要錯過了啊,希望本文對你有所幫助2013-01-01ExtJS[Desktop]實現(xiàn)圖標(biāo)換行示例代碼
ExtJS中的desktop的demo中,默認(rèn)的圖標(biāo)排列是不換行的,以下代碼就是為了解決這一問題的,需要的朋友可以了解下2013-11-11入門基礎(chǔ)學(xué)習(xí) ExtJS筆記(一)
這段時間手中項目已經(jīng)完成,空閑時間較多。開始了學(xué)習(xí)ExtJs之旅。2010-11-11extjs 列表框(multiselect)的動態(tài)添加列表項的方法
最近公司一個項目,因為要使用div模擬的窗口,因為久聞extjs的大名,因此就想在項目中使用一下.首先下載了multiselect的extjs3.0 demo.看到的代碼這里我就不粘貼了.2009-07-07ExtJS4如何自動生成控制grid的列顯示、隱藏的checkbox
需要做一個控制grid列顯示的checkboxgroup,雖然EXTJS4中的gridpanel自帶列表可以來控制列的顯示隱藏,需要的朋友可以參考下2014-05-05Extjs學(xué)習(xí)筆記之五 一個小細(xì)節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個看起來類似的配置項,applyTo和renderTo,這兩個配置項都是用來指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢,網(wǎng)上搜了下,有兩篇博文也是關(guān)于這個的。2010-01-01導(dǎo)入extjs、jquery 文件時$使用沖突問題解決方法
在html頁面中,沒有導(dǎo)入jquery文件時,可以正常保存,而導(dǎo)入jquery文件后,則不能不存了,發(fā)現(xiàn)導(dǎo)入的jquery文件和現(xiàn)有的extjs文件沖突了2014-01-01