Click here to Skip to main content
Click here to Skip to main content

Tagged as

AutoComplete Textbox

, 30 Dec 2011 CPOL
Rate this:
Please Sign up or sign in to vote.
This article helps to create a suggestion list with autocomplete facility, add/remove operation is also discussed.

Introduction

During work on a project, I needed to use a control having auto complete facility in it as user types. I realized that we can make use of the textbox control or combobox control for this purpose. Both controls can be used to filter records as a drop down list to show the best matches. I will demonstrate it using VB.NET. If someone needs a C# version, an online converter can be used. I will be discussing the addition and removal of item from the drop down list.

Prerequisites

Before reading this article, we need to be aware of two properties and an enumeration introduced by Microsoft in the .NET Framework 2.0 which is AutoCompleteCustomSource property, AutoCompleteMode property and AutoCompleteSource enumeration.

We should also have a look at AutoCompleteStringCollection class.

Design

An auto complete source is binded to the textbox’s AutoCompleteCustomSource property. It will help to filter the best fit records in the suggestion list.

'Item is filled either manually or from database
Dim lst As New List(Of String)

'AutoComplete collection that will help to filter keep the records.
Dim MySource As New AutoCompleteStringCollection()

Implementation

I have filled the source from the list named ‘lst’ at Form1_Load event. This list can be populated by the database as well.

Private Sub Form1_Load(ByVal sender As System.Object, _
	ByVal e As System.EventArgs) Handles MyBase.Load

    'Manually added some items
    lst.Add("apple")
    lst.Add("applle")
    lst.Add("appple")
    lst.Add("appplee")
    lst.Add("bear")
    lst.Add("pear")

    'Records binded to the AutocompleteStringCollection.
    MySource.AddRange(lst.ToArray)

    'this AutocompleteStringcollection binded to the textbox as custom
    'source.
    TextBox1.AutoCompleteCustomSource = MySource

    'Auto complete mode set to suggest append so that it will sugesst one
    'or more suggested completion strings it has bith ‘Suggest’ and
    '‘Append’ functionality
    TextBox1.AutoCompleteMode = AutoCompleteMode.SuggestAppend

    'Set to Custom source we have filled already
    TextBox1.AutoCompleteSource = AutoCompleteSource.CustomSource
End Sub

Operations on AutoCompleteSource

As I have discussed earlier that we will see how to add/ remove entry from the source, we have binded to the Textbox’s source.

The event uses this task to achieve is KeyDown event.

Here is the source with explanation:

Private Sub TextBox1_KeyDown(ByVal sender As System.Object, _
ByVal e As System.Windows.Forms.KeyEventArgs) Handles TextBox1.KeyDown

If e.KeyCode = Keys.Enter Then   ' On enter I planned to add it the list
     If Not lst.Contains(TextBox1.Text) Then  ' If item not present already
        ' Add to the source directly
         TextBox1.AutoCompleteCustomSource.Add(TextBox1.Text)
     End If
ElseIf e.KeyCode = Keys.Delete Then 'On delete key, planned to remove entry

' declare a dummy source
Dim coll As AutoCompleteStringCollection = TextBox1.AutoCompleteCustomSource

' remove item from new source
coll.Remove(TextBox1.Text)

' Bind the updates
TextBox1.AutoCompleteCustomSource = coll

' Clear textbox
TextBox1.Clear()

End If                   ' End of ‘KeyCode’ condition

End Sub

Conclusion

There are more details as to how the whole thing works. I feel this is a viable solution for an Auto-Complete TextBox and I hope you find it interesting.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Shahan Ayyub
Software Developer eHealthWorks LLC
Pakistan Pakistan
I satisfy my daily 'urge to code' by participating in forums:
 
On Experts-Exchange:
Screen Name : Shahan_Developer
 
On MSDN:
Screen Name : EngrShahan
 
On C-Sharp Corner:
Screen Name : ShahanDev
 
On DaniWeb IT Community:
Screen Name : ShahanDev
Follow on   Twitter

Comments and Discussions

 
AnswerRe: Error AutoComplete "AccessViolationException" Pinmemberom3n30-Jul-12 19:55 
GeneralRe: Error AutoComplete "AccessViolationException" PinmemberShahan Ayyub30-Jul-12 19:58 
QuestionError AutoComplete "AccessViolationException" PinmemberMember 928154029-Jul-12 18:28 
AnswerRe: Error AutoComplete "AccessViolationException" PinmemberShahan Ayyub30-Jul-12 8:55 
QuestionRe: Error AutoComplete "AccessViolationException" Pinmemberom3n30-Jul-12 18:51 
QuestionMore like a Tip PinmemberPIEBALDconsult30-Dec-11 5:36 
AnswerRe: More like a Tip PinmemberShahan Ayyub3-Jan-12 0:05 
GeneralMy vote of 5 PinmemberAhmed_online30-Dec-11 3:33 
GeneralMy vote of 2 Pinmemberkhaled.mufti27-Dec-11 20:19 
GeneralMy vote of 5 PinmemberMavusana23-Dec-11 2:20 
Shahan you're the man. Thanks for sharing, highly appreciated.
Generalthank you a lot PinmemberAmila thennakoon10-Sep-11 7:33 
GeneralRe: thank you a lot PinmemberShahan Ayyub10-Sep-11 7:57 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.141223.1 | Last Updated 30 Dec 2011
Article Copyright 2011 by Shahan Ayyub
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid