欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

extjs中form與grid交互數(shù)據(jù)(record)的方法

 更新時間：2013年08月29日 16:03:07   作者：  
這篇文章介紹了extjs中form與grid交互數(shù)據(jù)(record)的方法，有需要的朋友可以參考一下

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

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

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

再定義form：

Js代碼

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

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

然后定義編輯按鈕要調(diào)用的函數(shù)showeditPanel(同時定義一個加載form的window)：


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', //前端放置當前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); 就可以解決之前的頁面加載完成以后,第一次點擊[編輯]按鈕時無法加載數(shù)據(jù)到form的問題了。
xjjlEditForm.getForm().loadRecord(record);
//關(guān)鍵是這里用當前選中的grid中的record填充form
}


這樣就可以在新窗口中對選中的數(shù)據(jù)進行編輯了;

相關(guān)文章

最新評論