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

Platform: ASP.NET MVC |
Control: Grid |
Published Date: May 8, 2015 |
Last Revised Date: September 26, 2016

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

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