ohayolibs/packages/components/st/demo/row-click.md

Ohayo is a set of essential modules for ohayojp.

---
order: 3
title:
  zh-CN: 行事件
  en-US: Row event
---

## zh-CN

利用 `(change)` 实现点击行回调，因于DOM事件在同一元素上无法区分单或双击，若明确不需要双击事件，可以设定 `rowClickTime` 值为 `0` 以防止 `200ms` 迟延。

> 打开控制面板了解打印明细。

## en-US

Use `(change)` to implement click line callback, because DOM events can't distinguish single or double click on the same HTML element. If you don't need double-click event, you can set `rowClickTime` value to `0` to prevent `200ms` delay.

> Open the control panel for print details.

```ts
import { Component } from '@angular/core';
import { STChange, STColumn } from '@ohayo/components/st';

@Component({
  selector: 'app-demo',
  template: ` <st [data]="url" [req]="{ params: params }" [columns]="columns" (change)="_click($event)"></st>`,
})
export class DemoComponent {
  url = `/users?results=3`;
  params = { a: 1, b: 2 };
  columns: STColumn[] = [
    { title: '编号', index: 'id' },
    { title: '邮箱', index: 'email' },
    { title: '电话', index: 'phone' },
    {
      title: '',
      buttons: [
        {
          text: 'btn',
          type: 'link',
          click: e => console.log('btn click', e),
        },
      ],
    },
  ];

  _click(e: STChange): void {
    console.log('click', e);
  }
}
```