ExtJS 4 EditorGrid with Grouping:如何一次编辑多行

时间:2012-03-14 11:54:50

标签: javascript extjs

在ExtJS 4中我有一个带分组功能的EditorGrid。我想让一次编辑多行成为可能,即为字段写一次值并将其传播到组中的所有行。

示例:让我们有一个商店,记录中包含以下字段:id,title。我想按标题对记录进行分组,并更改所有title = foo且title = bar的记录。

可能吗?

我尝试将一些自定义javascript添加到groupHeaderTpl,但每次点击标题时群组切换都会崩溃,无论如何我认为这不是一个干净的解决方案。

感谢任何帮助或提示。

3 个答案:

答案 0 :(得分:0)

我不认为任何适合你开箱即用的东西。你必须自己写这样的东西。

答案 1 :(得分:0)

首先:您是否正在使用Row Editing的概念?

因为如果是这样,你就会走错方向。行编辑的原理就像名称本身一样,允许用户编辑单行。

如果你需要一个特定的功能来编辑多行,你必须像@sha正确地说的那样,自己实现它。

为了引导您找到正确的方向,CellEditingRowEditing插件均基于相同的事件 - beforeedit()edit()validateedit() - 在编辑操作的不同时间调用。

您可以创建自己的MultipleRowEditing插件,并使用这些相同的事件来实现您想要的效果。

答案 2 :(得分:0)

我建议使用网格+表单面板实现它,从网格中选择要编辑的行,并在编辑表单中的字段时,将值应用于所有选定的行。

我之前已成功实现了类似的功能。它需要相当多的工作,因为有很多角落案例,但总的来说这是我能想到的最简单的解决方案。