Question

我有一个基于以下结构的kendo网格：

    Master Group A
        Sub Group A
            -Data A-
            -Data B-
        Sub Group B
            -Data C-
            -Data D-
        Sub Group C
            -Data E-
            -Data F-
    Master Group B
        Sub Group A
            -Data G-
            -Data H-
        Sub Group B
            -Data I-
            -Data J-
        Sub Group C
            -Data K-
            -Data L-
    Master Group C
        Sub Group A
            -Data M-
            -Data N-
        Sub Group B
            -Data O-
            -Data P-
        Sub Group C
            -Data Q-
            -Data R-

我希望在页面首次加载时看起来像以下内容：

    Master Group A
        Sub Group A
        Sub Group B
        Sub Group C
    Master Group B
        Sub Group A
        Sub Group B
        Sub Group C
    Master Group C
        Sub Group A
        Sub Group B
        Sub Group C

我的数据目前是每行一个数据部分。每行数据都是它自己的数据。有谁知道怎么做？

我有一个Kendo Angular2 Slack：https://kendouiangular2.slack.com

Answer 1

在剑道网格中没有简单的解决方案来实现angular2。

我可以想到两种方法：

1）过滤的数据数组

您可以拥有2个数据阵列：一个带有所有组，子组和数据的引用/只读数组，以及一个专用于显示的过滤数组，当您单击子组中的按钮时，可以在每个子组中添加/删除数据线。

然后将网格数据绑定到已过滤的数组，并在子组按钮上的事件上修改已过滤的数组。

2）仅限CSS

单个数据数组，然后将类应用于kendo网格的.*标记，以根据子组按钮上的事件显示/隐藏数据行。如果您的项目中有jQuery，则可以使用类似的东西轻松访问这些tr标记：

<tr>

如果你没有jQuery，那就不那么简单了。

Kendo UI Angular Grid - 折叠所有标题

1 个答案: