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.

AlloyUI Tree (gallery-aui-tree) on cdn

Last Updated: 06/7/10

+ 0 -

Liferay, Inc.

See 69 more by this user.

Created: 06/2/10
Last CDN Push: 02/9/11
Build Tag: gallery-2011.02.09-21-32
Project: YUI 3
License: YUI BSD
YUI Version: 3.1.1
Free for use.

This module is a rollup of all AlloyUI tree modules.

A widget which displays heirarchical lists in a tree structured manner. It supports dragging and dropping of nodes as well as the loading of nodes via ajax.

To view all available events and configuration attributes, view the documentation.
To create a tree list that supports dragging and dropping of nodes as well as the loading of nodes via ajax.

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-2011.02.09-21-32',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-tree', function(Y) {
var tree2 = new Y.TreeViewDD({
	boundingBox: '#tree2',
	io: {
		url: 'assets/content.html'
	},
	children: [
		{ label: 'Folder 1', children: [ { label: 'file' }, { label: 'file' }, { label: 'file' } ] },
		{ label: 'Folder 2', expanded: true, children: [ { label: 'file' }, { label: 'file' } ] },
		{ label: 'Folder 3', children: [ { label: 'file' } ] },
		{ label: 'Folder 4', expanded: true, children: [ { label: 'Folder 4-1', expanded: true, children: [ { label: 'file' } ] } ] },
		{ label: 'Folder 5', type: 'io', expanded: false }
	],
	type: 'file',
	width: 200
}).render();
 
});

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.02.09-21-32',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-tree', function(Y) {
var tree2 = new Y.TreeViewDD({
	boundingBox: '#tree2',
	io: {
		url: 'assets/content.html'
	},
	children: [
		{ label: 'Folder 1', children: [ { label: 'file' }, { label: 'file' }, { label: 'file' } ] },
		{ label: 'Folder 2', expanded: true, children: [ { label: 'file' }, { label: 'file' } ] },
		{ label: 'Folder 3', children: [ { label: 'file' } ] },
		{ label: 'Folder 4', expanded: true, children: [ { label: 'Folder 4-1', expanded: true, children: [ { label: 'file' } ] } ] },
		{ label: 'Folder 5', type: 'io', expanded: false }
	],
	type: 'file',
	width: 200
}).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