Hello,
Let's say you have a view... You select multiple items in the combobox... Then you navigate away from that view, return, and you cannot bind the Combobox to previously selected items.
Well, you kind of can, but you can't. The combobox will happily display tokens, but it's just for display. They are not really selected.
Select some items:
(navigate away and back, bind SelectedItems to list above)
At this point, doing anything with these items will overwrite whatever was "selected".
By the way, this isn't visible in the screenshot above, but if you have a placeholder set up on the Combobox (I set it to an empty string), it will be shown on the right of the tokens. Which means the control really thinks it's empty.
TL;DR - cannot programatically set SelectedItems. The control's multiple selection mode is "one way to source", thus not usable in real world scenarios for editing data.
if you have the following setup, more than one ComboBox controls:
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<telerikInput:RadComboBox Grid.Row="0"
ItemsSource="{Binding Items}"
DisplayMemberPath="Name"
SearchTextPath="Name"
SearchMode="Contains"
Placeholder="select a response..."
FontSize="12"
x:Name="popup1"
SelectionMode="Single"
HorizontalOptions="FillAndExpand"
HighlightTextColor="DarkOrange"
IsDropDownClosedOnSelection="True"
IsEditable="True">
</telerikInput:RadComboBox>
<telerikInput:RadComboBox ItemsSource="{Binding Items}"
DisplayMemberPath="Population"
Grid.Row="1" x:Name="popup2"
SearchTextPath="Population"
SearchMode="Contains"
Placeholder="select an employee..."
FontSize="12"
SelectionMode="Single"
HorizontalOptions="FillAndExpand"
HighlightTextColor="DarkOrange"
IsDropDownClosedOnSelection="True"
IsEditable="True">
</telerikInput:RadComboBox>
</Grid>
and when the user clicks on the first/second control but did not select an item and clicks on another combo, the entry steals focus and cannot close the dwop/down or navigate away.
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="40"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="20"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<telerikInput:RadComboBox BackgroundColor="Yellow" Padding="0"
Margin="0"
Grid.Column="2" x:Name="combo"
Grid.Row="0"/>
</Grid>Workaround:
set higher grid row height: 60 or above, or using Auto row height.
I would like the ComboBox to be able to handle hierarchical data sources by rendering TreeView, with checkboxes, in the dropdown.
For inspiration, see Kendo UI DropDownTree https://demos.telerik.com/kendo-ui/dropdowntree/checkboxes
For example when setting the following code in App.xaml resources
<Style TargetType="telerikInput:RadComboBox">
<Setter Property="DropDownBorderColor" Value="Red"/>
<Setter Property="VerticalOptions" Value="Center"/>
<Setter Property="SearchMode" Value="Contains"/>
<Setter Property="Placeholder" Value="rwfrfre"/>
<Setter Property="PlaceholderColor" Value="Yellow"/>
<Setter Property="DisplayMemberPath" Value="Population"/>
<Setter Property="SearchTextPath" Value="Name"/>
</Style>
null ref exception is thrown for DisplayMemberPath and SearchTextPath.
When setting the style inside the page where the control is defined, it works as expected.
Provide a way to show just the highlighted searched results in the ComboBox.