The AutoSuggestTextBox is a control derived from ASP.TextBox, and uses anthem functionality to add a suggest or search capability when the user types characters in it. It has a property to search after a mimimum of characters is typed in. It now also features a delay after which suggesting starts. This property (DelayTimeBeforeSearch) is 1000 msec. per default but is set here to 2000 msec.
Just start typing an "a" or "A" (or "b" or "B") to see a result set shown in a dropdownlist-like fashion. You can use the arrow keys to scroll down and enter to make the final choice. Use the backspace key to undo any typed character. Use the MinCharTypedBeforeSearch property to increase the amount of typed chars before suggesting starts.
The control now supports (fixed) two column support. The first column must contain the ID, and the second column is the Value. After having a suggested value, pressing the button shows the current ID and Value. These are made available as properties of the javascript object. ColumnID:
You can change the backgroundcolor by clicking on the button below. Note that this button click eventhandler gets executed also when you press the Enter key after having selected a value with the arrow keys and pressing Enter. To reproduce, just place the cursor in the autosuggest textbox and hit Enter.
As above, just start typing an "a" or "A" (or "b" or "B") to see a result set shown in a dropdownlist-like fashion. Here an ObjectDataSource is used to create the DataSet which is then kept in the cache object, and after that the filter you typed is applied.
As above, just start typing an "b" or "B" (or any letter of the alfabet) to see a result set shown in a dropdownlist-like fashion. This time a connection is made to the local SQL database Northwind, assuming that SQL Server 2005 Express is installed. Make sure you modify the connection string in web.config before trying out this example.