模拟网格行上的单击事件

Posted

技术标签:

【中文标题】模拟网格行上的单击事件【英文标题】:Simulate a click event on a grid row 【发布时间】:2014-02-10 10:42:46 【问题描述】:

如何动态单击网格中的行?

例如:我正在使用边框布局。 我在西部有一个带有公司列表的网格。 当我点击一个公司时,具有 Id 的公司的信息会以表格形式显示在我的中心区域。

现在,当我想添加一家公司时(我正在使用一个打开“添加窗口”的按钮执行此操作),并在表单中输入所有信息,然后按“保存”,我重新加载网格。 怎样才能做到,新添加的公司被点击,其信息显示在中心区域。

注意:公司通过 ajax 请求列出,信息通过“onCompanyGridHandler”调用。

【问题讨论】:

您可以在商店加载时明确触发网格的 cellclick 事件。 【参考方案1】:

您可以将创建的新campany 添加到网格的顶部,方法是使用例如创建campany 的日期对网格的商店进行排序。您可以在网格的存储中添加此行:

sorters:  property: 'datecreate', direction : 'DESC' ,

然后,在创建campany 之后,使用以下代码选择网格的第一行:

Ext.getCmp('your_grid_id').getView().select(0);

【讨论】:

完美的答案,尽管由于某种原因没有记录。【参考方案2】:

您可以在这里采取几种方法:

    在将数据从添加窗口添加到网格面板存储的函数中,您还可以获取表单并使用表单的 loadData() 方法将数据加载到表单中,同时填充 Grid同时形成。

    正如评论中提到的,在将数据添加到网格的 存储,在网格中的行上触发点击事件 显示新数据。我更喜欢第一种方法,因为你这样做 不必在网格中找到正确的行并触发它的点击 事件。在第一种方法中,网格和表单都被加载 直接使用数据。

大卫

【讨论】:

以上是关于模拟网格行上的单击事件的主要内容,如果未能解决你的问题,请参考以下文章

jQuery单击gridview行上的选择按钮

Javascript - 单击表行上的事件以更改HTML元素

Ext JS 模拟单击​​网格的下一个单元格

Quasar QTable单击可点击行上的操作按钮

网格/仓库布局上离散事件模拟的可视化

在 Qt 中模拟鼠标功能