i want to show/hide command column based on session storage in typescript

Thread ID:	Created:	Updated:	Platform:	Replies:
142488	Feb 6,2019 09:19 AM UTC	Feb 7,2019 11:34 AM UTC	Angular	1

Subscribe to this post

Tags: ejGrid

Muthukumar

Asked On February 6, 2019 09:19 AM UTC

HI Team ,

I want to hide the command column based on session storage value in EJ1 ejgrid controls with typescript and web api.

Thanks,

Divakaran N

Reply | Reply with quote

Vignesh Natarajan [Syncfusion]

Replied On February 7, 2019 11:34 AM UTC

Hi Muthukumar,

Thanks for contacting Syncfusion Support.

Query: “ want to hide the command column based on session storage value in EJ1 ejgrid”

We have checked your query and based on your requirement we have get the value of session variable using window.sessionStorage and based on the variable value we have hide the columns using hideColumns() method of the Grid. You can change the session variable value while performing any actions based on your requirement.

var value = window.sessionStorage.getItem('hideColumn');

window.sessionStorage.setItem('hideColumn', true);

</script>

Grid.html:-

<button class="btn btn-primary" (click)="hideColumn();" type="button">Hide Column</button>

<ej-grid [allowPaging]="true" [allowSorting]="true" [dataSource]="gridData">

<e-columns>

<e-column headerText="Manage Records" width="75" textAlign="right">

</e-column>

</ej-grid>

Grid.ts:-

public gridData: any;

hideColumn() : any {

if(value=="true"){

var obj = $("#ejControl_0").ejGrid("instance");

obj.hideColumns("Manage Records");

}

constructor()

{

this.gridData = [{

. . . .

}];

}

Refer our API documentation for you reference

https://help.syncfusion.com/api/angular/ejgrid#methods:hidecolumns

If we misunderstood your query, please get back to us with more details.

Regards,

Vignesh Natarajan

Reply | Reply with quote

CONTACT US

i want to show/hide command column based on session storage in typescript

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US