This example demonstrates how to provide autocomplete suggestions from a remote JSONP API. In this case, we're using the YUI Library website's search API to suggest YUI module names.
Try typing in a YUI module name. If you cannot think of any, try typing one of these: node, widget, autocomplete.
The YUI Library website's search API returns a JavaScript object that looks like this:
``` { "status": "success", "data": { "query": "node", "total": 218, "maxScore": 153.57176, "took": 3, "results": [ { "_index": "docs", "_type": "component", "_id": "component#node", "_score": 153.57176, "name": "node", "displayName": "Node", "description": "Provides a wrapper for working with DOM nodes.", "author": "msweeney", "url": "/yui/docs/node/" }, ... ] } } ```If the response were a simple array of strings, AutoComplete would interpret it correctly by default. However, in this case, the response is an object that contains a `data.results` property, the value of which is an array of result objects rather than an array of strings. Furthermore, we only want results whose `_type` property is `"module"`.
This means we'll need to specify a `resultListLocator` to filter down the JSONP response to just an array of module results. Additionally we'll provide a values for `resultTextLocator` to indicate the property on each result object that contains the suggestion text, as demonstrated in the implementation code below.