We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to open the column chooser dialog externally?

How to open the column chooser dialog externally?

 

Since the column chooser dialog is rendered using the Dialog control, we can use the open method of the Dialog control to open the column chooser from any external action.

 

HTML

 

 

JS

 

 

Razor

 

 

 

Controller

 

 

Aspx

 

 

 

On clicking the button, Column Chooser Dialog will be opened. In the click event of the button, calculate the positon of the button. Based on its position open the Column Chooser using the open method of the Dialog control.

 

 

The following screenshot shows the ColumnChooser dialog opened below the external button.

 

Figure 1: Grid with Column chooser dialog opened externally

If you would like to remove the default column chooser button (“Columns”) from the Grid, hide them in the dataBound event of the Grid.

 

Figure 2: Grid with Column chooser dialog opened externally without default button

Article ID: Published Date: Last Revised Date: Platform: Control:
7134 10/31/2016 10/31/2016 JavaScript ejGrid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon