Getting selected values for multi selections and highlighted selected in list

[Benjamin]

Hi,

I would like to know how do I get the list of selected values from combo box with multi selection enabled

Also, I would like to find out how do I indicate/hide items that have already been selected from the list. (list of items can be in checkbox style)

XAML Code

CS code

I am looking to have something similar like below

[Hemalatha Marikumar]

Hi Benjamin, 

 

Greetings from Syncfusion. 

 

We would like to let you know that currently we don’t have a direct support to have checkbox in ComboBox’s suggestion box. We have considered this as feature and logged this as a feature request, and you can track the status of this feature implement through below link  

  

Feedback Link:  https://www.syncfusion.com/feedback/7499/checkboxes-in-combobox 

 

Please cast your vote to make it count. We will prioritize the features every release based on the demands and we do not have an immediate plan to implement this feature since we committed with already planned work. So, this feature will be available in any of our upcoming releases.      

    

If you have any more specifications/suggestions to the feature request, you can add it as a comment in the portal. 

 

Regards, 

Hemalatha M. 

[Benjamin]

Hi

Thanks for the reply. In that case, while waiting for the feature to get implement, how do i highlight the selected item. And how do i get the selected item?

[Hemalatha Marikumar]

Hi Benjamin, 

 

Query: How do I highlight the selected item 

 

It is possible to highlight the selected item like showing the indicator as per in below attached image. It has been achieved by enabling the EnableSelectionIndicator with providing the desired icon text (now providing the tick icon with its font family) as per in below code snippet 

 

Code Snippet [XAML]: 

<combobox:SfComboBox HeightRequest="40"  

                             x:Name="comboBox" 

                             EnableSelectionIndicator="True" 

                             MultiSelectMode="Token" 

                             IndicatorTextColor="Red" 

                             IndicatorFontFamily="{StaticResource BoldFont}" 

                             IndicatorText="&#xE73E;"> 

             <combobox:SfComboBox.TokenSettings> 

                   .. 

            </combobox:SfComboBox.TokenSettings> 

            <combobox:SfComboBox.ComboBoxSource> 

                <ListCollection:List x:TypeArguments="x:String"> 

                    <x:String>France</x:String> 

                      …  

                </ListCollection:List> 

            </combobox:SfComboBox.ComboBoxSource> 

        </combobox:SfComboBox> 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SampleCombo-625174100 

 

Screenshot: 

 

 

 

Query: How do I get the selected item? 

 

SelectedItem property to get the selected items from ComboBox. Please refer the below UG link to find the way to retrieve the selected item in more detailed 

 

https://help.syncfusion.com/xamarin/combobox/retrieving-selected-values 

 

Please let us know if you have any other concerns. 

  

Regards, 

Hemalatha M. 

[Benjamin]

Hi, I realized another issue that if I click on the selected item again, it will get selected again. refer to the attached image.

how do I fix this? I am looking for something like when the item was first clicked on it will be selected, if user click again it will be unselected.

i tried using the selecteditem property to get the selected items of the combo box but i received this instead

System.Collections.ObjectModel.ObservableCollection`1[System.Object]

i also tried foreach(var item in comboBox.SelectedItem), but visual studio prompted that

foreach statement cannot operate on variables of type 'object' because 'object' does not contain a public instance definition for 'GetEnumerator'

[Hemalatha Marikumar]

Hi Benjamin, 

  

Query 1: Clicking on the selected item again, gets selected. 

 

We have used SelectionIndicator just to showcase the item is selected. Please ensure whether you have added the ttf file properly to resolve the icon display. The SelectedItem will be selected again if you select it. That's the behavior of the control. 

 

Query 2: Removing SelectedItem 

 

It is possible to remove the SelectedItem from the drop-down suggestion list by enabling the IsSelectedItemsVisibleInDropDown to false. 

 

If you want to check and uncheck the items, please followup this feature implemention as we updated earlier, we will implement this in our any of upcoming release. 

 

Feedback Link:  https://www.syncfusion.com/feedback/7499/checkboxes-in-combobox   

 

Regards, 

Hemalatha M. 

[Benjamin]

Hi thanks for the reply,

would like to check how do i get the list of selected items in the multi-selected combo box?

i tried using the selecteditem property to get the selected items of the combo box but i received this instead

System.Collections.ObjectModel.ObservableCollection`1[System.Object]

i also tried foreach(var item in comboBox.SelectedItem), but visual studio prompted that

foreach statement cannot operate on variables of type 'object' because 'object' does not contain a public instance definition for 'GetEnumerator'

[Hemalatha Marikumar]

Hi Benjamin, 

  

We would like to let you know that we checked the reported query and we suggest you to retrieve the selected items in MultiSelection mode as per in below code snippet: 

 

private void ComboBox_SelectionChanged(object sender, Syncfusion.XForms.ComboBox.SelectionChangedEventArgs e) 

        { 

            ObservableCollection<object> item = new ObservableCollection<object> { e.Value }; 

        } 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SampleCombo1526966064 

 

Regards, 

Hemalatha M. 

[Benjamin]

Hi Hemalatha,

Thanks for the reply. would like to double check if i need to process the selected items after user submit the form, i will proceess using the ObservableCollection<object> item.

Something like 

List<string>selectedItems = new List<string>();

foreach(var o in item)

selectedItems.Add(o.Value);

[Hemalatha Marikumar]

Hi Benjamin, 

  

We would like to let you know that we checked the provided code snippet and we suggest you to use List<object> instead of List<string> because the SelectedItem will return only the object. Please find the tested sample below:   

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SampleCombo-1751075133  

 

Regards, 

Hemalatha M.