как использовать всплывающую информацию devextreme из devgrid?

Question

Я использую devgrid devextreme и пытаюсь вызвать всплывающее окно из одного из столбцов сетки ... однако, если я использую событие onClick, он пытается перенаправить страницу вместо открытия всплывающего окна ... кто-нибудь знаете причину этого ???

         <dx-data-grid>
    ....

    <dxi-column type="buttons" cssClass="cell-highlighted" caption="colunaBotao">
          <dxi-button
            hint="Clone"
            icon="repeat"
            [visible]="isCloneIconVisible"
            [options]="toolbarOptions">
          </dxi-button>
    </dxi-column>
    ....
</dx-data-grid>

<dx-popup
  id="entity-popup"
  [width]="400"
  height="auto"
  [showTitle]="true"
  title="Partner"
  [dragEnabled]="false"
  [closeOnOutsideClick]="false"
  (onInitialized)="popupInitialized($event)"
>
</dx-popup>

машинопись

          public popup: DxPopup;
public toolbarOptions = {
  text: 'Új partner',
  type: 'default',
  stylingMode: 'contained',
  icon: 'fas fa-plus',
  onClick: () => { console.log("chegou no toolbar"); this.popup.show() }
}

popupInitialized(ev) {
this.popup = ev.component; }