サーバー側のデータを入力しているjqueryデータテーブルがあります。データテーブルへの列には、(編集、削除)などのイベントが割り当てられます。編集ボタンをクリックするなど、編集する行の1つを選択し、フォームをモーダルボックスに表示します。要素を編集し、データを保存します。次に別の行を開いて同じことを行いますが、今回は以前に編集したデータがキャッシュされ、新しいデータでシリアル化されます。送信時に Firebug が表示される
Parameters
action edit
action edit
amt
amt test
au_nr
au_nr
保存イベントは次のjqueryで発生します
$(document).on('click', '#save', function ( e ) {
$.ajax({
type: "POST",
url: 'action.php',
data: $("#edit_form_person").serialize(), // serializes the form's elements.
success: function(data)
{
alert('Data Saved!'); // show response from the php script.
},
error:function(){
alert('Error!');
}
});
});
修理済み
ダイアログは閉じるときに破棄する必要があります
$(document).on('click', '#form', function(e) {
e.preventDefault();
$('<div></div>').load($(this).attr('href')).dialog({
title: $(this).attr('title'),
//autoOpen: false,
modal: true,
draggable: true,
width:900,
position: ['top',50],
close: function(event, ui)
{
$(this).dialog('destroy').remove()
}
});