首頁 > web前端 > js教程 > extjs中form與grid互動資料(record)的方法_javascript技巧

extjs中form與grid互動資料(record)的方法_javascript技巧

WBOY
發布: 2016-05-16 17:23:59
原創
1496 人瀏覽過

先在grid的tbar定義編輯按鈕:
Js程式碼

複製程式碼 程式碼
複製程式碼


程式碼



程式碼

id:'editDataButton',

text:'編輯',

tooltip:'編輯',
iconCls:'edit',

handler: function(){ showeditPanel( );} 再定義form: Js程式碼


複製程式碼

程式碼如下:

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名稱

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); 就可以解決之前的頁面載入完成以後,第一次點擊[編輯]按鈕時無法載入資料到form的問題了。 xjjlEditForm.getForm().loadRecord(record); //關鍵​​是這裡用目前選取的grid中的record填充form }這樣就可以在新視窗中對選取的資料進行編輯了;
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板