Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

AutoComplete List Group (gallery-autocomplete-list-group) on cdn

Last Updated: 07/31/12

+ 0 -

Jeff Pihach

YUI Contributor

See 3 more by this user.

Created: 07/17/12
Last CDN Push: 08/1/12
Build Tag: gallery-2012.08.01-13-16
Project: YUI 3
License: YUI BSD
YUI Version: 3.6.0pr4
Free for use.

Allows you to group and style AutoComplete results in the result list while maintaining keyboard navigation and aira support.

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

Code Sample

<script src="http://yui.yahooapis.com/3.6.0pr4/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.08.01-13-16'
}).use('gallery-autocomplete-list-group', function(Y) {	
 
    var AC = new Y.AutoComplete({
        inputNode: '#acinput',
	source: results,
	resultFilters: 'charMatch',
	resultTextLocator: 'description',
 
	//AutoComplete Group
	group: true,
	groupFilter: 'source',
	groupOrder: ['sku', 'description']
    });
 
    // Changing the built in templates
    AC.GROUP_TEMPLATE = '<ul class="border"></ul>';
    AC.DIVIDER_TEMPLATE = '<div class="divider"></div>';
 
    AC.render();
 
});