jQuery UI Widgets Forums Getting Started Icon in column header with event

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 4 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Icon in column header with event #108222

    geromelouie
    Participant

    Hi

    I am trying to bind a pin/unpin icon in the column header so I can trigger freeze/unfreeze of a column on the fly. I am able to bind the icon but the event I am binding with it is not firing.

    Any idea on the issue? I am using Angular8

    Here is the code

    this.columns = [
    {
    text: ‘<div> Base Column Name <button type=”button” class=”btn btn-link” [attr.id]=”btn_pin” (click)=”onPin($event)”><i class=”fa fa-thumb-tack” aria-hidden=”true”></i></button></div>’,
    datafield: “baseColumnName”,
    editable: false,
    columntype: “string”,
    width: 200,
    pinned: false
    }

    Icon in column header with event #108239

    Peter Stoev
    Keymaster

    Hi geromelouie,

    Columns have a callback function called “rendered”. It is raised after the column is rendered. You can think of “rendered” as “ngOnInit” in Angular.
    In the rendered callback function you can bind to events related to the column or alternatively you can use the Grid “columnclick” event.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    https://www.jqwidgets.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.