Toolbar with Toggle-Button

[Matthias Wagner]

Hello,

i have a grid with a toolbar, and i need to add a toggle-button in this toolbar, which stays activated after i clicked this button.

My grid/toolbar in html looks like :

<ejs-grid

      #RisikoanalyseGrid

      [dataSource]="DataSource"

      [toolbar]="Toolbar"

      (toolbarClick)="OnToolbarClick($event)"

    >

      <e-columns>

        <e-column field="field1" headerText="Wirkstoff"> </e-column>

        <e-column field="field2" headerText="Dosierung"> </e-column>

        <e-column headerText="someColumn">

          <ng-container></ng-container>

        </e-column>

      </e-columns>

    </ejs-grid>

typescript:

private InitToolbar() {

    this.Toolbar = [

      {

        text: 'Edit',

        tooltipText: 'Edit',

        id: 'Edit',

        disabled: false,

      },

    ];

  }

I can add "normal" buttons, but toggle-button is a problem.
Do you have any help?

Regards.
Matthias

[Matthias Wagner]

Ok, i solved the problem with setting the CssClass

if (argClickEvent.item.id === 'Schnellerfassung')

  {

      this.ToggleSchnellerfassung();

      if (this.isSchnellerfassung)

      {

          argClickEvent.item.cssClass = "schnellerfassungAktiv";

      }

      else

      {

          argClickEvent.item.cssClass = "schnellerfassungNichtAktiv";

      }

  }

Thx, ticket can be closed.

[Suganya Gopinath]

Hi Matthias,

Thanks for sharing the status of the issue and upding the solution which you have tried. Please get back to us if you need any further assistance.

Regards,

Suganya Gopinath.