• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • Tutorials
    • API Docs
  • Community
    • Gallery
    • Blog »
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • YUI 2
    • YUI Compressor
    • YUI Doc »
    • YUI Builder
    • YUI PHP Loader
    • YUI Test
    • YUI Website
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • FAQ
  • Developer FAQ
  • Developer Guide
  • Module Setup

Tag Cloud

form liferay solmsted ericf node yql async apipkin css greghinch widget io davglass jafl nzakas satyam foxxtrot model caridy table plugin animation event lsmith datatable

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.

    AlloyUI Textboxlist (gallery-aui-textboxlist) on cdn

    Last Updated: 06/6/10
    + 0 -

    Liferay, Inc.

    See 69 more by this user.

    Created: 06/2/10
    Last CDN Push: 08/18/10
    Build Tag: gallery-2010.08.18-17-12
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.1.1
    Free for use.

    A useful widget for allowing users the ability to choose options from a list as well as displaying their current selections.

    • Tags:
    • liferay
    • autocomplete
    • textboxlist
    • alloyui
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    To view all available events and configuration attributes, view the documentation.
    You can create a TextBoxList like so:

    Code Sample

    <script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2010.08.18-17-12',
        modules: {
            'gallery-aui-skin-base': {
                fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
                type: 'css'
            },
            'gallery-aui-skin-classic': {
                fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
                type: 'css',
                requires: ['gallery-aui-skin-base']
            }
        }
    }).use('gallery-aui-textboxlist', function(Y) {
    		// This is just some data to prepare, but can be any valid datasource
    		var states = [
    		        ['AL', 'Alabama', 'The Heart of Dixie'],
    		        ['AK', 'Alaska', 'The Land of the Midnight Sun'],
    		        ['AZ', 'Arizona', 'The Grand Canyon State'],
    		        ['AR', 'Arkansas', 'The Natural State'],
    		        ['CA', 'California', 'The Golden State'],
    		        ['CO', 'Colorado', 'The Mountain State'],
    		        ['CT', 'Connecticut', 'The Constitution State'],
    		        ['DE', 'Delaware', 'The First State'],
    		        ['DC', 'District of Columbia', "The Nation's Capital"],
    		        ['FL', 'Florida', 'The Sunshine State'],
    		        ['GA', 'Georgia', 'The Peach State'],
    		        ['HI', 'Hawaii', 'The Aloha State'],
    		        ['ID', 'Idaho', 'Famous Potatoes'],
    		        ['IL', 'Illinois', 'The Prairie State'],
    		        ['IN', 'Indiana', 'The Hospitality State'],
    		        ['IA', 'Iowa', 'The Corn State'],
    		        ['KS', 'Kansas', 'The Sunflower State'],
    				['KY', 'Kentucky', 'The Bluegrass State']
    		    ];
     
    		var textBoxList = new Y.TextboxList(
    			{
    				dataSource: states,
    				schema: {
    					resultFields: ['key', 'name', 'description']
    				},
    				matchKey: 'name',
    				typeAhead: true,
    				width: 600
    			}
    		).render();
    });

    Forum Posts

    Subject Author Date
    Why? John Lindal 06/9/10
    Re: Why? Murray Macchio 06/10/10
    Re: Why? Murray Macchio 06/10/10
    Styling Eike Hirsch 06/11/10
    Re: Why? Eduardo Lundgren 06/11/10
    Re: Styling Eduardo Lundgren 06/11/10
    Re: Why? Murray Macchio 06/11/10
    Re: Why? Eduardo Lundgren 06/11/10
    Re: Styling Eike Hirsch 06/14/10
    Parallel thinking Peter Peterson 06/15/10

    © 2006-2011 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info