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

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

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 Data Set (gallery-aui-data-set) 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 generic data collection that allows for storing and accessing of items as either a hash or an array.
    Every item that is added to the collection has a numeric index, and can optionally have a string key associated with it as well. A collection can also have a custom function for retrieving the key off of each item stored in the collection (if storing complex objects).
    The collection can be cloned, sorted, sliced, cleared, or have items removed individually.

    • Tags:
    • array
    • data
    • hash
    • liferay
    • alloyui
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    To view all available events and configuration attributes, view the documentation.
    You can create tooltips in many different configurations, 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-data-set', function(Y) {
     
    		// A simple DataSet
    		var dataCollection1 = new Y.DataSet();
     
    		dataCollection.add(10);
    		dataCollection.add(20);
    		dataCollection.add('thirty', 30); // Add a string id
    		dataCollection.addAll([40, 50, 60]); // Add multiple items all at once
     
    		dataCollection.item(0); // returns 10
    		dataCollection.item(1); // returns 20
    		dataCollection.item('thirty'); // returns 30
     
    		// empty the collection and start over
    		dataCollection.clear();
     
    		dataCollection.add({
    			id: 'item0',
    			value: 70
    		});
     
    		dataCollection.addAll({
    			item1: 80,
    			item2: 90,
    			item3: 100
    		});
     
    		dataCollection.item('item0'); // returns 70
    		dataCollection.item(1); // returns 80
     
    		dataCollection.indexOf(90); // returns 2
    		dataCollection.indexOfKey('item3'); // return 3
     
    		dataCollection.each(function(item, index, collection) {
    			// iterate over the collection
    		});
     
    		// Find an index with a custom function
    		var index = dataCollection.findIndex(function(item, index, collection) {
    			return item == 100;
    		});
     
    		// Insert an item into the collection
    		dataCollection.insert(1, 'item1a', 75);
     
    		dataCollection.item(1); // returns 75
    		dataCollection.item('item1a'); // returns 75
    		dataCollection.item(2); // returns 80
     
    		// Remove an item
    		dataCollection.remove(1);
     
    		// Replace an item
    		dataCollection.replace('item1', 85);
    		dataCollection.item(1); // returns 85
    		dataCollection.item('item1'); // returns 85
     
    		// Sort the collection
    		dataCollection.sort('desc');
     
    		dataCollection.get('values'); //returns [100, 90, 85, 70]
     
    		dataCollection.sort('asc');
     
    		dataCollection.get('values'); //returns [70, 85, 90, 100]
     
    		// Sorting a collection by keys
    		dataCollection.keySort('desc');
     
    		dataCollection.get('keys'); //returns [item3, item2, item1, item0]
     
    		dataCollection.keySort('asc');
     
    		dataCollection.get('keys'); //returns [item0, item1, item2, item3]
     
    		// Checking the size of the collection
    		dataCollection.size(); // returns 4
     
    		// Get the first item in the collection
    		dataCollection.get('first'); // returns 70
     
    		// Get the last item in the collection
    		dataCollection.get('last'); // returns 100
    });

    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-2013 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