Auto fill text box in WPF

Below code is helpful to WPF developer to create auto fill text box. Like we are want to create Client list in drop-down but that list is very large so we can provide auto fill text box where user enter any character and we can show relevant list in below of the text box.

I have created one user control in WCP so any can use with set appropriate properties.

Below are the UI for this controls.

Image may be NSFW.
Clik here to view.

Now below the xmal for this controls…

<UserControl x:Class=”MyProject.AutoFillTaxBox”
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8221;
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml&#8221;
Height=”80″ Width=”233″>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width=”84*” />
<ColumnDefinition Width=”4*” />
<ColumnDefinition Width=”145*” />
</Grid.ColumnDefinitions>
<TextBox x:Name=”txtSearchtext” Height=”25″ VerticalAlignment=”Top” Grid.ColumnSpan=”3″ KeyDown=”txtSearchtext_KeyDown” PreviewKeyDown=”txtSearchtext_PreviewKeyDown” />
<ListBox x:Name=”SuggetionList” Margin=”0,25,0,9″ Visibility=”Collapsed” SelectionChanged=”SuggetionList_SelectionChanged” ScrollViewer.CanContentScroll=”True” Grid.ColumnSpan=”3″ />
</Grid>
</UserControl>

Also below are the code for this..

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace MyProject
{
/// <summary>
/// Interaction logic for AutoFillTaxBox.xaml
/// </summary>
public partial class AutoFillTaxBox : UserControl
{
public delegate void SetIDs(int ID);
public SetIDs functionIDSet;
public AutoFillTaxBox()
{
InitializeComponent();
txtSearchtext.TextChanged += new TextChangedEventHandler(txtSearchtext_TextChanged);
}
private List<SuggestedList> _DataSource = null;
private string _SelectedText;
private int _SelectedID;
public List<SuggestedList> DataSource
{
set
{
_DataSource = value;
}
get
{
return _DataSource;
}
}
public string SelectedText
{
set
{
txtSearchtext.Text = value;
}
get
{
return txtSearchtext.Text.Trim();
}
}
public int SelectedID
{
set
{
_SelectedID = value;
functionIDSet.Invoke(_SelectedID);
}
get
{
return _SelectedID;
}
}
private void txtSearchtext_TextChanged(object sender, TextChangedEventArgs e)
{
List<SuggestedList> oAutoFillList = new List<SuggestedList>();
oAutoFillList.Clear();
foreach (SuggestedList item in _DataSource)
{
if(!string.IsNullOrEmpty(txtSearchtext.Text))
{
if (item.Text.ToUpper().StartsWith(txtSearchtext.Text.ToUpper()))
{
oAutoFillList.Add(item);
}
if (item.Text.ToUpper() == txtSearchtext.Text.ToUpper())
{
_SelectedID = item.ID;
}
}
}
if (oAutoFillList.Count > 0)
{
SuggetionList.ItemsSource = oAutoFillList;
SuggetionList.DisplayMemberPath = "Text";
SuggetionList.Visibility = Visibility.Visible;
}
else
{
SuggetionList.Visibility = Visibility.Collapsed;
SuggetionList.ItemsSource = null;
}
}
private void SuggetionList_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
if (SuggetionList.ItemsSource != null)
{
SuggetionList.Visibility = Visibility.Collapsed;
// Remove event handler because that shoudl not be fire up to execution
txtSearchtext.TextChanged -= new TextChangedEventHandler(txtSearchtext_TextChanged);
if (SuggetionList.SelectedIndex != -1)
{
txtSearchtext.Text = ((SuggestedList)(SuggetionList.SelectedItem)).Text;
this.SelectedID = ((SuggestedList)(SuggetionList.SelectedItem)).ID;
}
/// Add event handler after change text value.
txtSearchtext.TextChanged += new TextChangedEventHandler(txtSearchtext_TextChanged);
}
}
private void txtSearchtext_KeyDown(object sender, KeyEventArgs e)
{
if (SuggetionList.ItemsSource != null && e.SystemKey == Key.LeftAlt)
{
SuggetionList.Focus();
}
}
private void txtSearchtext_PreviewKeyDown(object sender, KeyEventArgs e)
{
if (SuggetionList.ItemsSource != null && e.SystemKey == Key.LeftAlt)
{
SuggetionList.Focus();
}
}
}
public class SuggestedList
{
public SuggestedList(int iID, string sText)
{
this.ID = iID;
this.Text = sText;
}
public int ID { set; get; }
public string Text { set; get; }
public override string ToString()
{
return this.Text;
}
}
}

• DataSource
• Delegate to handle get any of the custom event on selection change.
• selected ID
• set Selected text in case if edit..

Image may be NSFW.
Clik here to view.

Image may be NSFW.
Clik here to view.