如何在ExtJS4.2中隐藏和显示网格面板的行？

你好， 我有带行的网格面板，有一个列名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。与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

您可以将id列用作一个组，在分组网格中，您可以选择展开或折叠共享相同值的记录，但如果组被折叠，它将不会显示第一条记录，也不会显示第二条记录

---

请参阅此示例：

没有这样的视图或插件可以完全满足您在Ext 4.x和Ext 5.x中的需要，因此需要大量的编码才能实现它

---

如Elias所建议的，在没有自定义编码的情况下，最接近的是分组网格，或者可能不是很接近。一种简单的实现方法可能是使用单个网格，对于每个ID，这可能会影响性能。 因此，我们的想法是：

1为每个ID创建单独的网格，并使用单独的存储

2使用存储区中的getRange限制一次要设置为可见的行数

3添加对应于每个网格的按钮，执行单击时显示所有行、刷新网格、隐藏按钮或将文本更改为折叠的操作，并处理单击事件

注意：这将是缓慢的

---

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

感谢您的回复，我已经看到了这个示例，但这是我不需要实现的。希望能得到任何帮助：谢谢你的回复和建议。好的，现在我在网格面板中使用分组功能，但是我们可以对那些有超过1条记录的行应用分组吗？这些行必须是startCollapsed=true，否则为false。。。？？？？现在我在每一行中分组。好的，现在考虑我的问题。我们如何隐藏条件下的网格面板行？e、 g.我不想显示工资高于20000卢比的记录-我在点击时放置了一个按钮，然后必须显示工资高于20000卢比的隐藏行-关于这一点，您可以通过过滤实现。在使用“确定我的第二个条件”时，您很可能需要自定义筛选函数，我们如何在条件基础上隐藏网格面板行？e、 g.我不想显示那些工资高于rs.20000/-的记录，我在点击时放置了一个按钮，然后必须显示工资高于rs.20000/-的隐藏行。使用过滤，而不是存储中的范围