AutoComplete Widget :: JS Function States

Welcome to AutoComplete.

DataSource

This DataSource instance points to an in-memory JavaScript function that results in an array. The function queries against an in-memory object literal of data that holds the 50 US states and their corresponding postal abbreviations.

AutoComplete

Since the DataSource for this example is already loaded into memory, queries should be very fast to return data. Therefore, the AutoComplete instance is configured to have a query delay of zero seconds. The AutoComplete instance is also configured to display two data fields in its container: the state and its corresponding postal abbreviation.

Find a state:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris erat. Sed eu enim in neque nonummy suscipit. Sed non metus. Aliquam pretium, massa quis vulputate aliquam, felis enim vehicula nisl, ut pharetra arcu nunc vitae leo. Morbi rhoncus ullamcorper quam. Maecenas vel velit. Praesent ultricies placerat mauris. Nunc posuere aliquam ligula. Nunc mi ligula, rutrum eget, consequat ac, cursus non, tortor. Pellentesque ante metus, mattis pharetra, lobortis in, pulvinar nec, felis. Cras fringilla. Cras consequat. Nullam faucibus. Vivamus tincidunt porttitor leo. Etiam est mi, dictum nec, vehicula id, ultricies ac, nibh. Mauris felis.

Nulla sit amet mi eu lacus tempus volutpat. Phasellus tincidunt hendrerit quam. Maecenas lorem felis, viverra non, varius ut, ultrices et, mi. Phasellus vehicula nunc eu tellus. Duis rutrum justo eu odio. Ut facilisis nisl at purus. Maecenas turpis neque, adipiscing in, fringilla vitae, congue sed, ipsum. Sed condimentum eros eu leo dignissim ultricies. Pellentesque eros nulla, tempus ut, gravida at, vulputate at, metus. Maecenas enim metus, suscipit eget, commodo vel, euismod ac, leo. Curabitur id nulla. Phasellus euismod mi ut enim. Ut molestie bibendum odio.