extjs中form與grid交互數(shù)據(jù)(record)的方法
首先在grid的tbar中定義編輯按鈕：
Js代碼
id:'editDataButton',
text:'編輯',
tooltip:'編輯',
iconCls:'edit',
handler: function(){ showeditPanel();}
再定義form：
Js代碼
var xjjlEditForm = new Ext.FormPanel({.......省略form中的定義內(nèi)容........});
然后定義編輯按鈕要調(diào)用的函數(shù)showeditPanel(同時(shí)定義一個(gè)加載form的window)：
Js代碼
//--編輯按鈕調(diào)用的函數(shù)（彈出編輯窗體）
function showeditPanel()
{ //直接取得選中的行對(duì)應(yīng)的record
var record = grid.getSelectionModel().getSelected()
if(!record){
Ext.Msg.alert('信息','請(qǐng)選擇要編輯的數(shù)據(jù)');
return;
}
//--定義編輯窗體
if(!xjjlEditWindow)
{
xjjlEditWindow = new Ext.Window({
el: 'edit_win', //前端放置當(dāng)前js文件的頁(yè)面中的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); 就可以解決之前的頁(yè)面加載完成以后,第一次點(diǎn)擊[編輯]按鈕時(shí)無(wú)法加載數(shù)據(jù)到form的問(wèn)題了。
xjjlEditForm.getForm().loadRecord(record);
//關(guān)鍵是這里用當(dāng)前選中的grid中的record填充form
}
這樣就可以在新窗口中對(duì)選中的數(shù)據(jù)進(jìn)行編輯了;
- ASP+模板生成Word、Excel、html的代碼
- php Smarty模板生成html文檔的方法
- JavaScript和ActionScript的交互實(shí)現(xiàn)代碼
- PHP JSON格式數(shù)據(jù)交互實(shí)例代碼詳解
- thinkPHP的Html模板標(biāo)簽使用方法
- 解析Android中webview和js之間的交互
- PHP與javascript實(shí)現(xiàn)變量交互的示例代碼
- 多種方式實(shí)現(xiàn)JS調(diào)用后臺(tái)方法進(jìn)行數(shù)據(jù)交互
- C#.NET采用HTML模板發(fā)送電子郵件完整實(shí)例
- 基于HTML模板和JSON數(shù)據(jù)的JavaScript交互(移動(dòng)端)
相關(guān)文章
這篇文章主要介紹了JS閉包用法,結(jié)合具體實(shí)例形式分析了javascript閉包的原理、執(zhí)行步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
基于Leaflet的Webgis經(jīng)緯網(wǎng)格功能實(shí)現(xiàn)
本文將介紹一款Leaflet的經(jīng)緯網(wǎng)插件,基于這款經(jīng)緯網(wǎng)插件,詳細(xì)介紹如何實(shí)現(xiàn)經(jīng)緯網(wǎng)功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2023-12-12
各種頁(yè)面定時(shí)跳轉(zhuǎn)(倒計(jì)時(shí)跳轉(zhuǎn))代碼總結(jié)
下面對(duì)實(shí)現(xiàn)頁(yè)面定時(shí)跳轉(zhuǎn)（也稱倒計(jì)時(shí)跳轉(zhuǎn)）做一下總結(jié)，以備不時(shí)之需，經(jīng)常使用的朋友可以參考下2013-10-10
這篇文章主要為大家詳細(xì)介紹了js原生Ajax的封裝和原理，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript實(shí)現(xiàn)仿淘寶商品購(gòu)買數(shù)量的增減效果
最近接了個(gè)項(xiàng)目，要開(kāi)發(fā)一個(gè)地方的O2O租書(shū)項(xiàng)目，使用的是asp.net mvc技術(shù)，其中咋圖書(shū)詳情頁(yè)，用戶可以輸入借閱的數(shù)量，器實(shí)現(xiàn)此功能的方法是使用了js來(lái)控制數(shù)量的增減和校驗(yàn)，對(duì)js實(shí)現(xiàn)商品數(shù)量的增減功能感興趣的朋友一起學(xué)習(xí)吧2016-01-01
動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的，不同位置帶來(lái)的影響
動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的，不同位置帶來(lái)的影響。 以下所說(shuō)的是在IE7下運(yùn)行的。IE6下也是同樣。 在這個(gè)blog中，直接點(diǎn)擊運(yùn)行代碼，和把下面代碼保存到為網(wǎng)頁(yè)在運(yùn)行（以本地文件或域名訪問(wèn)），效果不一樣。2008-03-03
aspx中利用js實(shí)現(xiàn)確認(rèn)刪除代碼
在一些程序開(kāi)發(fā)中，對(duì)于刪除操作，最好再讓用戶確認(rèn)一下，以免誤操作，帶來(lái)的損失，下面的方法，大家可以參考下。各個(gè)語(yǔ)言下，都通用的思路。2010-07-07
這篇文章主要介紹了js中iframe調(diào)用父頁(yè)面的方法,可通過(guò)window.parent.方法()來(lái)實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-10-10
javascript實(shí)現(xiàn)10個(gè)球隨機(jī)運(yùn)動(dòng)、碰撞實(shí)例詳解
這篇文章主要介紹了javascript實(shí)現(xiàn)10個(gè)球隨機(jī)運(yùn)動(dòng)、碰撞的方法,實(shí)例分析了javascript實(shí)現(xiàn)小球碰撞的原理與實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
javascript數(shù)組組合成字符串的腳本...2007-11-11