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 
 
  
unity3d  http://www.unitymanual.com
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 
}
 
 

이렇게 하면 새 창에서 선택한 데이터를 편집할 수 있습니다.