The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
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.
To view all available events and configuration attributes, view the documentation.
You can create tooltips in many different configurations, like so:
<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
});
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 |
All code on this site is licensed under the BSD License unless stated otherwise.