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.
Unfortunately, activation email could not send to your email. Please try again.

How the autocomplete can be made to act as a dropdown in the filter menu?

In certain cases, you may like to have an ejDropDownList control in the filterMenu dialog for selecting the discrete values.

Solution

The following example explains in detail about changing the ejAutocomplete control rendered within the filter menu dialog to act like Dropdownlist control.

The showPopupButton API of the ejAutocomplete control is used to display the entire list from the dataSource. Thus, by enabling the showPopupButton property of the ejAutocomplete, the complete list of values are displayed from the dataSource corresponding to the column in the filter menu dialog.

  1. Render the Grid control.

JS

 

MVC

 

ASP.NET

 

  1. In the create event of the Grid, enable the showPopupButton property of the ejAutoComplete control. So that, the AutoComplete in the filter menu dialog acts as a Dropdownlist.

JS

 

Figure 1: DropDownList displayed in the filter menu dialog of the Grid

 

 

 

Article ID: Published Date: Last Revised Date: Platform: Control:
5438 09/22/2015 09/22/2015 JavaScript ejGrid
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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.