title: Windows Phone Toolkit AutoCompleteBox
body: <p>I am using the WPToolkit's AutoCompleteBox in my application.</p>
  
  <p>XAML is as follows-<div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;toolkit:AutoCompleteBox Name="ACB" ValueMemberBinding="{Binding Name}" MinimumPrefixLength="0" IsTextCompletionEnabled="False" SelectionChanged="ACB_SelectionChanged"&gt;
      &lt;toolkit:AutoCompleteBox.ItemTemplate&gt;
          &lt;DataTemplate&gt;
              &lt;StackPanel&gt;
                  &lt;TextBlock Text="{Binding Name}"/&gt;
                  &lt;TextBlock Text="{Binding Color}"/&gt;
              &lt;/StackPanel&gt;
          &lt;/DataTemplate&gt;
      &lt;/toolkit:AutoCompleteBox.ItemTemplate&gt;
  &lt;/toolkit:AutoCompleteBox&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I need help in the following scenario-</p>
  
  <p>The itemsource of the above AutoCompleteBox is a list of objects of a class with 2 properties - Name and Color.</p>
  
  <p>Now, when I enter the text in the box, the items need only be filtered by name and they are filtered fine. But if I select the item, it is not selected correctly.</p>
  
  <p>The case is as follows-</p>
  
  <p>Suppose there are 4 items-</p>
  
  <p>Item 1 - Name= "Pencil", Color = "Red"</p>
  
  <p>Item 2 - Name= "Pencil", Color = "Green"</p>
  
  <p>Item 3 - Name= "Eraser", Color = "Red"</p>
  
  <p>Item 4 - Name= "Eraser", Color = "Green"</p>
  
  <p>Now I enter the text "pen" in the AutoCompleteBox. Then first 2 items are shown. But if I select the Green Pencil, The Red Pencil is selected instead.</p>
  
  <p>Maybe because both items have the "Name" as "Pencil". But I need to manage this scenario.
  There can be 2 items with the same name. but the correct one needs to be selected.</p>
  
  <p>How can I do that? Do I need to apply some custom Filter?
  If so, how?</p>