RowExpander用于Extjs中的重复记录

时间:2015-06-08 10:18:52

标签: extjs extjs5

我在Extjs中有一个网格,我想在条件上添加rowExpander,条件是:

如果存储中有多个具有相同ID的记录,则网格中只能显示一条记录,但会在记录中添加rowExpander(加号图标),当我们点击加号图标时,它会显示所有剩余的身份证记录。

我想要一个这样的网格:

| | ID | NAME | FIELD1 | FIELD2 | FIELD3 | FIELD4 | FIELD5 |

| + | 01 | ABCD | TEST01 | TEST02 | TEST03 | TEST04 | TEST05 |

| | 02 | ABCD | TEST01 | TEST02 | TEST03 | TEST04 | TEST05 |

| | 03 | ABCD | TEST01 | TEST02 | TEST03 | TEST04 | TEST05 |

| | 04 | ABCD | TEST01 | TEST02 | TEST03 | TEST04 | TEST05 |

| | 04 | ABCD | TEST01 | TEST02 | TEST03 | TEST04 | TEST05 |

| - | 04 | ABCD | TEST01 | TEST02 | TEST03 | TEST04 | TEST05 |

| | 04 | ABCD | TEST01 | TEST02 | TEST03 | TEST04 | TEST05 |

| | 04 | ABCD | TEST01 | TEST02 | TEST03 | TEST04 | TEST05 |

请为此提出解决方案。

谢谢:)

1 个答案:

答案 0 :(得分:1)

今年我对这个问题做了一些研究。

据我了解框架,grid组件中的嵌套网格是不可能的。使用一些hacks,您只能在rowExpander插件中创建只读子网格。 (实际上,你可以在里面创建组件,但你不会从中捕获任何事件)

在您的情况下,您可以尝试使用grouping功能对商店中的记录进行分组。

我还看到了另一个实现 - 在点击主网格行后显示带有子网格的窗口。

希望这些信息能为您提供帮助。