先在grid的tbar定義編輯按鈕:
Js程式碼
id:'editDataButton',
text:'編輯',tooltip:'編輯',
iconCls:'edit',
程式碼如下:
var xjjlEditForm ({.......省略form中的定義內容........});
function showeditPanel()
{ //直接取得選取的行對應的record
var record = grid.getSelectionModel().getSelected()
if(!record){
Ext.Msg.alert('訊息','請選擇要編輯的資料');
return;
}
//--定義編輯窗體
if(!xjjlEditWindow)
{
xjjlEditWindow = new Ext.Window({
el: 'edit_win', //前端放置目前js檔案的頁面中的div名稱
width: 650,
height: 360,
closeAction: 'hide',
resizable : false,
items: xjjlEditForm //在window中載入編輯的form
});