ExtJs 表单和表格之间进行数据交互

ExtJs 表单和表格之间进行数据交互

 

问题

想要点击表格(GridPanel)某一栏的时候,数据可以同步到表单中,以便进行修改或者删除操作

解决方案

给表格添加一个监听事件,处理鼠标点击事件.

  
    

   
     
   
     grid.on(
   
     '
   
     rowclick
   
     '
   
     ,
   
     function
   
     (grid,rowIndex,event){
 
   
     var
   
      record 
   
     =
   
      grid.getStore().getAt(rowIndex);
 form.getForm().loadRecord(record);
 form.buttons[
   
     0
   
     ].setText(
   
     "
   
     修改
   
     "
   
     );
});
  
    

 

其中,grid是你单击的表格,rowIndex是你单击的行,event是Ext内部的通用事件对象,这里我们没用到.

我们无需从表格中逐一将信息取出来,然后逐一放到表单中,只需要取得一个record对象,然后通过
表单的loadRecord方法加载即可,当然,你要确保表格和表单的栏目能相互对应.