Autocomplete lists matching items in first group only

[Craig]

Hi
I have an autocomplete box associated with a tree view that displays a hierarchy. I'm trying to provide a search on a property of the child items (the Description). In my case it is showing only the items for the first parent item in the list.
e.g.
Parent1
>>> Child1 apple
>>> Child2 pear
Parent2
>>> Child3 peach
>>> Child4 pea

When typing p in the autocomplete box only apple and pear are displayed. I'm guessing it's a binding issue. Here's my XAML:-

<StackPanel Orientation="Horizontal">

   <telerik:RadAutoCompleteBox Name="radAutoCompleteBox1" VerticalAlignment="Top"

      WatermarkContent="Enter part of description ..."

      TextSearchMode="Contains"

      AutoCompleteMode="Suggest"

      TextSearchPath="Description"

      SelectionMode="Multiple"

      ItemsSource="{Binding Path=ParentCollection/ChildItems}"

      DropDownItemTemplate="{StaticResource SearchAutoComplete}"

      DropDownWidth="250"

      SelectionChanged="radAutoCompleteBox1_SelectionChanged"

      ToolTip="{Binding RelativeSource={RelativeSource Self}, Path=SelectedItem.Description}" />

 </StackPanel>

 

<telerik:RadTreeView Name="radTreeView" VerticalAlignment="Stretch"

    ItemsSource="{Binding Path=ParentCollection}"

    SelectedItem="{Binding SelectedTreeItem, Mode=TwoWay}"

    IsTextSearchEnabled="True" telerik:TextSearch.TextPath="Description"

    ItemTemplateSelector="{StaticResource ItemDataTemplateSelector}" >

 </telerik:RadTreeView>


Any suggestions?
Thanks
Craig

[Kalin]

Hello Craig,

In order to achieve the desired functionality you would need to implement a custom Filtering Behavior which will return the matching items. In this case you would need use the ParentCollection as an ItemsSource of the AutoCompleteBox. For your convenience I have prepared a sample project which demonstrates the exact approach.

Hope this helps.

Regards,
Kalin
Telerik

[Craig]

Hello Kalin,
Thanks for the sample. It has helped me get it to work to some extent but I have a couple of issues. Firstly, in my updated version of the sample, when I select the one of the items presented by the autocomplete box, the complete item's name is displayed with a close button beside it after which I can continue to type text which does nothing. I'd rather it not display a close button but just the name and if more text is typed for the search to resume. I've attached a screenshot that shows this.

What would you suggest?

[Kalin]

Hi Craig,

If I understand you correctly you need to able to select just a single item? If so you could set the SelectionMode property of the AutoCompleteBox to Single. However if you need multiple items without the delete button, you should extract and modify the default RadAutoCompleteBoxItem ControlTemplate. You will need to find the button named RemoveItemButton and remove it.

Hope this is helping you.

Regards,
Kalin
Telerik