Multiselect dropdown in kendo Grid

[Clint]

Hi,
Is it possible to add built in Multiselect Drop-down in kendo grid. I have attached a sample snap shot of the problem.

[Alexander Popov]

Hello Clint,

I am afraid that the KendoUI DropDownList widget currently does not support multi-selection and checkboxes. You can find an example of a regular DropDownList editor in a Grid column here.

Regards,
Alexander Popov
Telerik

[Clint]

Hi Alexander,

I need to display the Drop-down list by default not in edit mode.

 

[Alexander Popov]

Hello again Clint,

Although this behavior is also not supported it could be achieved using a custom solution. For example you could:

1. Create a column template defined as a function
2. In that function create a input element and add the necessary data attributes to it.
3. Use the Grid's dataBound event to bind each row to the respective dataItem

For convenience I created this small JavaScript example. Also I would recommend you to check the following articles:

• Kendo MVVM Overview
• Source binding

Regards,
Alexander Popov
Telerik

[Clint]

Hello Alexander,

Thanks for the post, Is it possible to achieve the custom solution in MVC.

[Clint]

Hello Alexander,

Instead of html element if I create a template for multiselect dropdown with checkbox, can I add that template into the databound event. If posible can you provide some sample.

[Alexander Popov]

Hello Clint,

Yes, the same behavior could be achieved using the MVC wrappers.  As I mentioned previously KendoUI DropDownList have no built-in support for checkboxes and multi-selection. I would also remind you that implementing custom solutions based on listed customer requirements is out of the scope of our support service as it covers the built-in functionality of the controls only. If you'd like to receive custom code from Telerik, I would suggest you to check our premium services.

Regards,
Alexander Popov
Telerik

[Clint]

Hello Alexander,

  Sorry for the late reply, I have some issues in your JavaScript example.

   http://jsbin.com/kemamili/1/edit

   If I have more than one drop-down in row then based on the selected index other drop-down value also changed.  

   I modified above javascript example with drop-down, If I changed category drop-down value as "Ikura" then category1 drop-down value also getting changed.

  http://jsbin.com/kemamili/2/edit

  Instead of drop-down if I used html drop-down its working fine. Please confirm is it possible to have multiple drop-down list in grid row as row template.

[Alexander Popov]

Hi Clint,

This behavior is expected, because both of the DropDownLists are bound to the same field: 

"data-bind": "value: ProductName",

Regards,
Alexander Popov
Telerik

[Clint]

Thanks, Alaxander, I got the solution. Is it possible to have optgroup in kendo drop down list.

     

[Alexander Popov]

Hello again Clint,

At this point the DropDownList does not support grouping of any kind and there is no good workaround that I could recommend. I would however, encourage you to submit this as a feature request at the KendoUI feedback portal, so we and other members of the community can evaluate, comment on and vote for it. Highly voted suggestions are often implemented in future KendoUI releases.

Regards,
Alexander Popov
Telerik

[Clint]

Hello Alexander,

As per the previous thread on drop-down multi-selection with checkbox you said that it doesn't support in kendo grid. Hence we implemented custom solution using Jquery.
Please visit the below Link.

http://jsbin.com/quqasipi/4/edit

Query 1

Problem is after changing media type, if I change the value of category, media type value is set to empty due to missing "data-bind" data attribute.
Do we have any work around to solve this ?

Query 2

I created media buy template field using Javascript, Is it possible to create a custom html helper class in MVC for this scenario. If yes please provide some example.

[Alexander Popov]

Hi Clint,

It is possible to persist the MediaType by getting the dataItem corresponding to the edited row and use its set method to update the value of the MediaType field when the custom widget has changed. On a related note I would like to remind you that supporting and troubleshooting custom solutions falls outside the scope of our standard services, as they cover only the built-in functionalities. In case you would like to receive custom code from Telerik I would suggest checking our premium services.

Regards,
Alexander Popov
Telerik