时间戳

首页 > 解决方案 > 我的问题是关于数据网格可扩展行

vmware-clarity - 我的问题是关于数据网格可扩展行

问题描述

当用户单击行插入符号以展开/关闭行详细信息区域时，如何收听事件？

标签： vmware-clarity

解决方案

您可以对指令使用 de-sugard 语法，*clrIfExpanded如下所示：

  <clr-datagrid>
    <clr-dg-column>Col1</clr-dg-column>
    <clr-dg-column>Col2</clr-dg-column>

    <clr-dg-row *clrDgItems="let item of [1,2,3,4,5]">
      <clr-dg-cell>Item {{item}}</clr-dg-cell>
      <clr-dg-cell>Item * Item ({{item*item}})</clr-dg-cell>
      <clr-dg-row-detail clrIfExpanded (clrIfExpandedChange)="rowChange($event)">
        details
      </clr-dg-row-detail>
    </clr-dg-row>
  </clr-datagrid>

这是一个有效的 stackblitz，每次打开或关闭行时都会记录更改：https ://stackblitz.com/edit/so-55617551-click-handler-for-datagrid-row-details

推荐阅读