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

最新推荐文章于 2018-07-14 21:44:43 发布

原创最新推荐文章于 2018-07-14 21:44:43 发布 · 256 阅读

0 ·

CC 4.0 BY-SA版权

笔记专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何实现ExtJS中GridPanel的数据点击后自动填充到表单中，通过监听表格点击事件并使用loadRecord方法加载记录，简化数据同步过程。

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