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: 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.
A Plugin for the AlloyUI IO Request module that allows you to easily load content into Nodes and Widgets.
The AlloyUI IO Plugin can be plugged on either a node or a widget, and it will load the content of it's response into the host object.
If the host object is a widget, and it's a StdModWidget, it will by default update the bodySection of the widget (though this is configurable).
It will show an AlloyUI Loading Mask over the host object during the transaction until the content has been updated.
It will also automatically evaluate any script tags that are in the body of the response, and supports all of the options of IO Request (such as being able to reuse the connection, start/stop it, events, etc).
To view all available events and configuration attributes, view the documentation.
You can use the IO Plugin 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-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-io-plugin', function(Y) {
// Plugging a Node
Y.one('#content1').plug(Y.Plugin.IO, {
uri: 'assets/content.html',
method: 'GET'
});
// Plugging a Widget
new Y.Overlay().render().plug(Y.Plugin.IO, {
uri: 'assets/content.html',
method: 'GET'
});
// Reusing a connection
var node1 = Y.one('#content1').plug(Y.Plugin.IO, {
uri: 'assets/content.html',
method: 'GET',
autoLoad: false
});
node1.io.set('method', 'POST');
node1.io.start();
node1.io.stop();
// Advanced options
new Y.Overlay().render().plug(Y.Plugin.IO, {
uri: 'assets/content.html',
method: 'GET',
data: {
key1: 'value1',
key2: 'value2'
},
showLoading: true,
parseContent: true,
failureMessage: 'Error!',
section: 'body',
where: 'REPLACE',
on: {
success: function(event) {
},
complete: function(event) {
},
start: function(event) {
},
failure: function(event) {
}
}
});
});
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.