Angular 在角度应用程序中以编程方式折叠剑道UI网格细节
我有一个带库剑道UI的angular 5应用程序。在这个应用程序中,我有一个剑道UI网格,其中有一些行的详细信息。网格也是可排序的。 我希望在单击列的名称对数据进行排序时折叠展开的所有详细信息 这是我的html代码:Angular 在角度应用程序中以编程方式折叠剑道UI网格细节,angular,kendo-ui,kendo-grid,Angular,Kendo Ui,Kendo Grid,我有一个带库剑道UI的angular 5应用程序。在这个应用程序中,我有一个剑道UI网格,其中有一些行的详细信息。网格也是可排序的。 我希望在单击列的名称对数据进行排序时折叠展开的所有详细信息 这是我的html代码: <kendo-grid #grid [kendoGridBinding]="getDataService().listOfSolution" [resizable]="false" [pageSize]="10" [pageable]="true" [sortable]="t
<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>
...
但是我找不到以编程方式关闭细节的方法
您有什么想法吗?您可以通过
collapseRow
函数()折叠主行
下面您可以找到一个示例,说明如何处理您的特定用例
@Component({ ... })
export class MyComponent {
onExpand(event) {
// keep track of all expanded rows (index)
}
onCollapse(event) {
// keep track of all expanded rows (index)
}
onSortChange(event) { // either (sortChange) or (dataStateChange)
// iterate all expanded rows & collapse them via `this.grid.collapseRow(index)`
}
}
谢谢你的回答。但是“this.grid”是什么?它从何而来?您可以像这样定义一个模板变量:
#grid
。然后通过TypeScript中的ViewChild
访问它。