/**
次のようにコードをコピーします。
* 最初の Ajax 送信メソッド
* このメソッドでは、送信に ext Ajax メソッドを直接使用する必要があります。
※このメソッドを使用する場合、渡すパラメータをカプセル化する必要があります
* @戻る
*/
関数 saveUser_ajaxSubmit1() {
Ext.Ajax.request( {
URL: 'user_save.action',
メソッド: '投稿'、
パラメータ: {
ユーザー名 : document.getElementById('userName').value,
パスワード: document.getElementById('password').value
}、
成功: 関数(応答、オプション) {
var o = Ext.util.JSON.decode(response.responseText);
アラート(o.msg);
}、
失敗: function() {
}
});
}
/**
* 2 番目の Ajax 送信メソッド
* このメソッドはextのajax用のhtmlフォームを指定します。
※このメソッドを使用すると、渡すパラメータをカプセル化する必要がありません
*
* @戻る
*/
関数 saveUser_ajaxSubmit2() {
Ext.Ajax.request( {
URL: 'user_save.action',
メソッド: '投稿'、
form : 'userForm', // フォームを指定
成功: 関数(応答、オプション) {
var o = Ext.util.JSON.decode(response.responseText);
アラート(o.msg);
}、
失敗: function() {
}
});
}
/**
* 3 番目の Ajax 送信方法
* このメソッドは、ext 独自のフォームを送信します。
※このメソッドを使用するには、ext 独自の textField コンポーネントを使用する必要があります
*
* @戻る
*/
関数 saveUser_ajaxSubmit3() {
// フォームを定義する
var formPanel = new Ext.FormPanel( {
ラベル幅: 75、
フレーム: true、
bodyStyle : 'パディング:5px 5px 0',
幅: 350、
デフォルト: {
幅: 230
}、
デフォルトタイプ: 'テキストフィールド',
項目: [ {
フィールドラベル: 'ユーザー名',
名前: 'ユーザー名',
allowBlank : false
}、{
フィールドラベル : 'パスワード',
名前: 'パスワード'
} ]
});
//ウィンドウを定義する
var win = 新しい Ext.Window( {
タイトル: 'ユーザーの追加',
レイアウト: 'フィット'、
幅: 500、
高さ: 300、
closeAction: '閉じる',
閉じることができる: false、
プレーン : true、
項目: フォームパネル、
ボタン: [ {
テキスト: 'OK'、
ハンドラー: function() {
var form = formPanel.getForm();
var userName = form.findField('userName').getValue().trim();
var パスワード = form.findField('パスワード').getValue().trim();
if (!ユーザー名) {
alert('ユーザー名を空にすることはできません');
戻る;
}
if (!パスワード) {
alert('パスワードを空にすることはできません');
戻る;
}
form.submit({
waitTitle: 'お待ちください...',
waitMsg: 'ユーザー情報を保存しています。しばらくお待ちください...',
URL: 'user_save.action',
メソッド: '投稿'、
成功: 関数(フォーム、アクション) {
アラート(アクション.結果.メッセージ);
}、
失敗: 関数(フォーム、アクション) {
アラート(アクション.結果.メッセージ);
}
});
}
}、{
テキスト: 'キャンセル'、
ハンドラー: function() {
win.close();
}
} ]
});
win.show();
}
/**
* 4 番目の Ajax 送信メソッド
* このメソッドは、HTML フォームを非同期送信用の ext フォームに変換します。
※このメソッドを使用するには、HTMLフォームを定義する必要があります
*
* @戻る
*/
関数 saveUser_ajaxSubmit4() {
new Ext.form.BasicForm('userForm').submit( {
waitTitle: 'お待ちください...',
waitMsg: 'ユーザー情報を保存しています。しばらくお待ちください...',
URL: 'user_save.action',
メソッド: '投稿'、
成功: 関数(フォーム、アクション) {
アラート(アクション.結果.メッセージ);
}、
失敗: 関数(フォーム、アクション) {
アラート(アクション.結果.メッセージ);
}
});
}