multiselect dropdown with checkbox

Question

//multi select drop down

var msDropdown = $('#msFromValue' + (j + 1)).data("ejDropDownList");

var data = htmlDecode(FieldList1.lstTemp[1]);

if (msDropdown != undefined) {

msDropdown.option({

dataSource: data,

fields: { text: "Text", value: "Value" },

delimiterChar: ";"

});

}

list in control will show '&' as text for '&' character

Keerthana Rajendran · Accepted Answer

Hi Kalpa, 
 
Sorry for the inconvenience.  
 
We tried the reported scenario of rendering quotes (“”) within text of DropDownList. We would like to let you know that the text provided in dataSource will be updated in popup list items as such and you can refer to the below sample for this behaviour.  
 
https://jsplayground.syncfusion.com/gdz4mdep 
 
In the sample, we have updated the DropDownList dataSource with the below code similar to your shared code  
 




var msDropdown =  $('#skillsets').data("ejDropDownList"); 
            if (msDropdown != undefined) {                           
                                msDropdown.option({ 
                                    dataSource: data, 
                                    fields: { text: "Text",value:"Value" }, 
                                    delimiterChar: ";", 
                                    change: "onSelect", 
                                    beforePopupShown: "beforePopupShown" 
                                }); 
                            } 
 
We request you to check the above sample which contains items text similar to your scenario and if the issue persists, modify the dataSource in the above sample with exact product version to replicate the issue at our end. This will help us to serve you better. 
 
Regards, 
Keerthana.

Sharon Sanchez Selvaraj · Answer

Hi Kalpa, 
 
Thanks for contacting Syncfusion Support. 
 
We checked your query with the provided details. In the shared code snippet, we have noticed that you have used a function to decode the dataSource values. We suspect that your issue might have occurred due to that. We have created a sample here for your reference with similar properties and dataSource as per your screenshot. 
 
https://jsplayground.syncfusion.com/e5p0ynp3 
 
Please check the above sample and if the issue persists, share us the details on the following to assist you promptly. 
 

Provide us the exact usage of your decode function. 
Complete code snippet of your sample. 
If possible, modify the above sample similar to your scenario. 
Are you expecting customization for any specific cases? If so, please share us the clear details on your requirement.
 
Please get back to us if you need further assistance. 
 
Regards, 
 
Sharon Sanchez S.

Preethi Nesakkan Gnanadurai · Answer

From: Kalpa Serashiya Sent: Tuesday, May 4, 2021 9:43 AMTo: Syncfusion Support <support@syncfusion.com>Subject: Re: Syncfusion support community forum 165080, multiselect dropdown with checkbox, has been updated. 


i remove htmldecode still get same for " also get &quote  

var data = FieldList.lstTemp[1];                                                  if (msDropdown != undefined) {                                                              msDropdown.option({                                    dataSource: data,                                    fields: { text: "Text",value:"Value" },                                    delimiterChar: ";",                                    change: "onSelect",                                    beforePopupShown: "beforePopupShown"                                });                            }

Keerthana Rajendran · Answer

Hi Kalpa, 
 
Sorry for the inconvenience.  
 
We tried the reported scenario of rendering quotes (“”) within text of DropDownList. We would like to let you know that the text provided in dataSource will be updated in popup list items as such and you can refer to the below sample for this behaviour.  
 
https://jsplayground.syncfusion.com/znomrvc3 
 
In the sample, we have updated the DropDownList dataSource with the below code similar to your shared code  
 




var msDropdown =  $('#skillsets').data("ejDropDownList"); 
            if (msDropdown != undefined) {                           
                                msDropdown.option({ 
                                    dataSource: data, 
                                    fields: { text: "Text",value:"Value" }, 
                                    delimiterChar: ";", 
                                    change: "onSelect", 
                                    beforePopupShown: "beforePopupShown" 
                                }); 
                            } 
 
We request you to check the above sample which contains items text similar to your scenario and if the issue persists, modify the dataSource in the above sample with exact product version to replicate the issue at our end. This will help us to serve you better. 
 
Regards, 
Keerthana.

kalpa serashiya · Answer

my issue get resolved with reference of given sample.Thank You.

Keerthana Rajendran · Answer

Hi Kalpa, 

Most welcome. We are glad that the issue has been resolved. Please get back to us if you need further assistance. 

Regards, 
Keerthana.

Keerthana Rajendran · Answer

Hi Kalpa, 

Most welcome. We are glad that the issue has been resolved. Please get back to us if you need further assistance. 

Regards, 
Keerthana.