Using MultiSelect column to achieve Mutli Column design

[Benjamin]

Hi,

 

I was researching available control in Kendo to achieve my requirements it seems that multi-select control is what I need. but I am unsure how i do the templating for the control. my markup for the dropdown is 

<select id="users">
<option value="1" data-email="[e-mail]">User 1</option>
<option value="2" data-email="[e-mail]">User 2</option>
<option value="3" data-email="[e-mail]">User 3</option>
<option value="4" data-email="[e-mail]">User 4</option>
</select>

 

what I wanted to achieve is when the user is selecting the option to show User 1 - [e-mail]. then upon selected, the tag to show User 1.

 

I understand that multi-column combo box is able to achieve this but i need to be able to select multiple options. I also prefer to render the control via HTML way instead of using json data source

[Martin]

Hello, Benjamin,

The behaviour can be achieved through the itemTemplate and the tagTemplate configurations. Here is a small example for reference.

Let me know if you have any further questions.

Regards,
Martin
Progress Telerik

[Benjamin]

thanks for the reply.

Can this be achieve without using xml, json and jsonp datasource but by using only html. Eg: <option data-email=“[e-mail]” value=“1”>User 1 </option>

[Neli]

Hi Benjamin,

The templates can be used also when the MultiSelect is initialized form existing <select> element. Here you will find such Dojo example.

I hope this helps.

Regards,

Neli

[Benjamin]

I tried editing the dojo to show the email in item template but receive an undefined message. I do not want to append the email to the value. Is there any way to achieve this?

[Neli]

Hi Benjamin,

I am afraid that when the MultiSelect is initialized through existing <select> element with<option> tags only the text and value fileds are available in the template. In case you need to use more fields I would suggest you to configure e dataSource as demonstrated in the Dojo linked here.

Regards,

Neli