YuiAutoComplete Sample

This page demonstrates the YuiAutoComplete control in the AnthemExtensions library. YuiAutoComplete is a wrapper for the YUI AutoComplete control. AutoComplete is one of the many widgets availalbe in the Yahoo! User Interface Library. YuiAutoComplete exposes all of the properties of YUI AutoComplete and generates the javascript to load the libraries, initialize the component, and connect YUI AutoComplete with Anthem.

You start implementing the YuiAutoComplete control by selecting a TextBox to monitor and defining a Search event handler. Then load the page in a browser. When you start typing in the TextBox, the YUI AutoComplete control will use Anthem to call the Search event handler on the server. The results are displayed in a list which YUI AutoComplete monitors. If you select one of the items in the list, the corresponding value will be entered in the TextBox for you.

The YUI AutoComplete javascript libraries are hosted by Yahoo, so you do not need to add the scripts to your site.

There are 3 instances of the YuiAutoComplete control on this page: one in the MasterPage, one in the Page, and one in a User Control. This is to demonstrate that you can use the YuiAutoComplete control in all of these contexts.