首先在grid的tbar中定義編輯按鈕：
Js代碼

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

id:'editDataButton',
text:'編輯',
tooltip:'編輯',
iconCls:'edit',
handler: function(){ showeditPanel();}

再定義form：

Js代碼

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

var xjjlEditForm = new Ext.FormPanel({.......省略form中的定義內(nèi)容........});

Js代碼

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

//--編輯按鈕調(diào)用的函數(shù)（彈出編輯窗體）
function showeditPanel()
{ //直接取得選中的行對應(yīng)的record
var record = grid.getSelectionModel().getSelected()
if(!record){
Ext.Msg.alert('信息','請選擇要編輯的數(shù)據(jù)');
return;
}

//--定義編輯窗體
if(!xjjlEditWindow)
{
xjjlEditWindow = new Ext.Window({
el: 'edit_win', //前端放置當(dāng)前js文件的頁面中的div名稱
title:'編輯記錄',
width: 650,
height: 360,
closable: false,
closeAction: 'hide',
resizable: false,
items: xjjlEditForm //在window中加載編輯的form
});

}
xjjlEditWindow.show(Ext.get('editDataButton'));//顯示編輯窗口

//[注意]先xjjlEditWindow.show(); 再 xjjlEditForm.getForm().loadRecord(currrecordRecord); 就可以解決之前的頁面加載完成以后,第一次點(diǎn)擊[編輯]按鈕時(shí)無法加載數(shù)據(jù)到form的問題了。
xjjlEditForm.getForm().loadRecord(record);
//關(guān)鍵是這里用當(dāng)前選中的grid中的record填充form
}