This is a migrated thread and some comments may be shown as answers.

Multiselect dropdown in kendo Grid

12 Answers 772 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Clint
Top achievements
Rank 1
Clint asked on 19 Dec 2013, 08:38 AM
Hi,
Is it possible to add built in Multiselect Drop-down in kendo grid. I have attached a sample snap shot of the problem.

12 Answers, 1 is accepted

Sort by
0
Alexander Popov
Telerik team
answered on 19 Dec 2013, 12:39 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Clint
Top achievements
Rank 1
answered on 20 Dec 2013, 06:55 AM
Hi Alexander,

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

 
0
Alexander Popov
Telerik team
answered on 20 Dec 2013, 01:48 PM
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:

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Clint
Top achievements
Rank 1
answered on 20 Dec 2013, 02:43 PM
Hello Alexander,

Thanks for the post, Is it possible to achieve the custom solution in MVC.
0
Clint
Top achievements
Rank 1
answered on 20 Dec 2013, 02:55 PM
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.
0
Alexander Popov
Telerik team
answered on 20 Dec 2013, 04:04 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Clint
Top achievements
Rank 1
answered on 21 Feb 2014, 08:53 AM
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.
0
Alexander Popov
Telerik team
answered on 21 Feb 2014, 10:25 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Clint
Top achievements
Rank 1
answered on 21 Feb 2014, 12:33 PM
Thanks, Alaxander, I got the solution. Is it possible to have optgroup in kendo drop down list.

     
0
Alexander Popov
Telerik team
answered on 21 Feb 2014, 12:45 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Clint
Top achievements
Rank 1
answered on 25 Feb 2014, 12:45 PM
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.
0
Alexander Popov
Telerik team
answered on 27 Feb 2014, 09:26 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Clint
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Clint
Top achievements
Rank 1
Share this question
or