Liferay, Inc.![]()
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 |
© 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