Read-only tagged items in multiselect

[Andriy]

Hi there,

I need to implement some specific behavior for multiselect widget ( see attached image).

1. Need to disable some items within selected ones in a multiselect field.
2. Hide 'close/delete/X' icon for disabled ones.
It would be great for example to apply some template for each item to handle this.

Maybe you can recommend any existing API for this.

Best regards,

Andriy Frankiv

[Georgi Krustev]

Hello Andriy,

Currently, widget does not support such functionality. You can, however, return the items that are "read-only" manually. Check this Dojo demo for one possible approach. You will need to hide the "X" button manually too - find the LI elements and hide the <span> element to all tags that should be "read-only".

Regards,
Georgi Krustev
Telerik

 

 

[Andriy]

Hello Georgi,

Currently we use MVVM approach. Could you please provide some solution/workaround that will follow MVVM rules?

Best regards,

Andriy Frankiv

[Georgi Krustev]

Hello Andriy,

Sure, no problem. Check this Dojo demo that demonstrates how to detect some changes and update the model value if needed.

Regards,
Georgi Krustev
Telerik

 

 

[Andriy]

Hello Georgi,

Thanks for your reply.

Could you please update the last sample with logic for disabling some selected items and hiding 'X' icon for them?

Best regards,

Andriy Frankiv

[Andriy]

Hello Georgi,

Thanks for your reply.

Could you please add logic to this example for disabling some selected items and hiding 'X' icon for them?

Best regards,

Andriy Frankiv

[Georgi Krustev]

Hello Andriy,

Here is the updated demo. Notice how we use the dataBound and change events to accomplish the desired functionality.

Regards,
Georgi Krustev
Telerik

 

 

[Andriy]

Hello Georgi,

Thanks a lot for your reply. It was rather helpful.

Best regards,
Andriy Frankiv