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方法加载即可,当然,你要确保表格和表单的栏目能相互对应.