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.
Easily create sortable items that can be dragged and dropped, and easily connected to one another.
To view all available events and configuration attributes, view the documentation.
You can create sortables 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-sortable', function(Y) {
// Creating a basic sortable
var sortable1 = new Y.Sortable(
{
nodes: '#vertical li'
}
);
// Creating a sortable with a handle
var sortable2 = new Y.Sortable(
{
dd: {
handles: ['.drag-handle'],
},
nodes: '#verticalWithHandles li'
}
);
// Creating a constrained sortable
var sortable3 = new Y.Sortable(
{
nodes: '#verticalWithHandles li',
constrain: {
stickY: true
}
}
);
// Creating 2 connected sortables
var sortable4 = new Y.Sortable(
{
nodes: '#sortable4 li',
groups: ['group1']
}
);
var sortable5 = new Y.Sortable(
{
nodes: '#sortable5 li',
groups: ['group1']
}
);
});
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.