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?

Platform: JavaScript |
Control: ejGrid |
Published Date: October 31, 2016 |
Last Revised Date: October 31, 2016

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

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

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