在Angular应用程序中以编程方式折叠Kendo UI Grid详细信息

Question

我有一个带有库kendo UI的角度5应用程序。在这个应用程序中，我有一个Kendo UI Grid，其中包含一些行的详细信息。网格也是可排序的。 当我点击列的名称对数据进行排序时，我想要折叠展开的所有细节。

这是我的HTML代码：

<kendo-grid
#grid
[kendoGridBinding]="getDataService().listOfSolution"
[resizable]="false"
[pageSize]="10"
[pageable]="true"
[sortable]="true"
[filterable]="false"
[groupable]="false"
[reorderable]="false"
[selectable]="false"
[scrollable]="'none'"
(dataStateChange)="onSort($event)"
[rowClass]="rowCallback()"
(detailCollapse)="onCollapse($event)"
(detailExpand)="onExpand($event)"
style="border: none;">
...
</kendo-grid>

但我找不到以编程方式关闭细节的方法。

你有什么想法吗？

Answer 1

您可以通过<div class="collapse show" id="collapseExample"> 函数（API Reference）折叠主行。

您可以在下面找到一个示例，了解您的具体用例如何解决。

collapseRow