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 to set the multi select dropdown as edit type for a column?

In certain cases, you may like to set the column edit type as multi select dropdown with checkboxes. You can achieve this by using the EditTemplate property of the Grid columns. The EditTemplate property is used to display a custom editor (any other control) for a column.

In the following code example, a Grid is rendered with the batch editing enabled.

  1. Render the grid.

MVC

 

  1. In the create event of the editTemplate, the input element for the column is created. In the write event of the editTemplate, the input text box created is converted to the ejDropDownList control with multi select option enabled.

The DataSource to the ejDropDownList control is obtained from the server side in the text value format and assigned to the control. In the read event of the edittemplate, the selected values are obtained and saved accordingly in the Grid.

JAVASCRIPT

 

The following screenshots displays the multi select dropdown as edit type for a column:

Figure 1: Initial Rendering

Figure 2: On editing a record

Figure 3: On saving the edited record

Article ID: Published Date: Last Revised Date: Platform: Control:
4809 05/08/2015 09/26/2016 ASP.NET MVC Grid
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.