extjs中form與grid交互數據(record)的方法
更新時間：2013年08月29日 16:03:07 作者：
這篇文章介紹了extjs中form與grid交互數據(record)的方法，有需要的朋友可以參考一下
首先在grid的tbar中定義編輯按鈕：
Js代碼
復制代碼 代碼如下:
id:'editDataButton',
text:'編輯',
tooltip:'編輯',
iconCls:'edit',
handler: function(){ showeditPanel();}
再定義form：
Js代碼
復制代碼 代碼如下:
var xjjlEditForm = new Ext.FormPanel({.......省略form中的定義內容........});
然后定義編輯按鈕要調用的函數showeditPanel(同時定義一個加載form的window)：
Js代碼
復制代碼 代碼如下:
//--編輯按鈕調用的函數（彈出編輯窗體）
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
}
這樣就可以在新窗口中對選中的數據進行編輯了;
相關文章
這篇文章主要介紹了JS閉包用法,結合具體實例形式分析了javascript閉包的原理、執(zhí)行步驟與相關操作技巧,需要的朋友可以參考下2017-03-03
基于Leaflet的Webgis經緯網格功能實現(xiàn)
本文將介紹一款Leaflet的經緯網插件,基于這款經緯網插件,詳細介紹如何實現(xiàn)經緯網功能,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2023-12-12
下面對實現(xiàn)頁面定時跳轉（也稱倒計時跳轉）做一下總結，以備不時之需，經常使用的朋友可以參考下2013-10-10
這篇文章主要為大家詳細介紹了js原生Ajax的封裝和原理，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript實現(xiàn)仿淘寶商品購買數量的增減效果
最近接了個項目，要開發(fā)一個地方的O2O租書項目，使用的是asp.net mvc技術，其中咋圖書詳情頁，用戶可以輸入借閱的數量，器實現(xiàn)此功能的方法是使用了js來控制數量的增減和校驗，對js實現(xiàn)商品數量的增減功能感興趣的朋友一起學習吧2016-01-01
動態(tài)生成的IFRAME，設置SRC時的，不同位置帶來的影響
動態(tài)生成的IFRAME，設置SRC時的，不同位置帶來的影響。 以下所說的是在IE7下運行的。IE6下也是同樣。 在這個blog中，直接點擊運行代碼，和把下面代碼保存到為網頁在運行（以本地文件或域名訪問），效果不一樣。2008-03-03
在一些程序開發(fā)中，對于刪除操作，最好再讓用戶確認一下，以免誤操作，帶來的損失，下面的方法，大家可以參考下。各個語言下，都通用的思路。2010-07-07
這篇文章主要介紹了js中iframe調用父頁面的方法,可通過window.parent.方法()來實現(xiàn),非常具有實用價值,需要的朋友可以參考下2014-10-10
javascript實現(xiàn)10個球隨機運動、碰撞實例詳解
這篇文章主要介紹了javascript實現(xiàn)10個球隨機運動、碰撞的方法,實例分析了javascript實現(xiàn)小球碰撞的原理與實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
javascript數組組合成字符串的腳本...2007-11-11