如何隐藏和显示ext js 4.2中的网格面板行？

Question

你好， 我有排网格面板，有一个列名ID是重复对应于其他值，例如： -

ID Type Status 
-------------------------- 
1  A  True 
1  B  True 
1  C  False 
1  D  False 
1  E  False 
2  A  True 
2  B  False 
2  C  False 
2  D  False 

，我需要像下面一个：所以当我点击[查看所有记录..] 1记录的Id将被显示。相同编号2，依此类推....

ID Type Status 
-------------------------- 
1  A  True 
1  B  True 
Show all record.. 
2  A  True 
2  B  False 
Show all record.. 

输出将被上显示点击所有记录之后....

ID Type Status 
    ---------------------------- 
    1  A  True 
    1  B  True 
    1  C  False 
    1  D  False 
    1  E  False 
    2  A  True 
    2  B  False 
    Show all record.. 

希望你能明白我一定要实现。

感谢&问候 VIK

Answer 1

你可以使用id列作为一个群体，在分组网格你将不得不展开或折叠共享相同值的记录的选项，但它不会显示如果该组已折叠，则第一个记录也不是第一个记录。

见这个例子：http://docs.sencha.com/extjs/4.2.1/#!/example/build/KitchenSink/ext-theme-neptune/#grouped-grid

Answer 2

没有这样的视图或插件，会做什么，你需要（无论是在内线还是4.x的内线5.x的），所以这将需要大量的编码来的执行它。

按照埃利亚斯的建议，分组网格或可能不那么近，the tree grid最接近你可以得到没有自定义编码。

Answer 3

一个简单的方法来实现它可能是使用单个网格，对于每个ID，它可能会妨碍性能。 所以，这个想法是：

1）每个ID创建一个单独的网格，独立店

2）限制要在同一时间（在商店使用getRange（）来设置可见的行数）

3）添加一个按钮，对应于每一个网格，并进行显示的动作上点击所有行，刷新了网格，隐藏按钮（或更改崩溃文本，处理click事件）

注意：这样会很慢

你可以想到更好的方法来实现这一点，这种方法肯定不会需要太多的编码