• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

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 IO Plugin (gallery-aui-io-plugin) on cdn

    Last Updated: 06/6/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.

    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).

    • Tags:
    • io
    • ajax
    • liferay
    • alloyui
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    To view all available events and configuration attributes, view the documentation.
    You can use the IO Plugin like so:

    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-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) {
    			}
    		}
    	});
    });

    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

    © 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