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

    Laced Data (gallery-laced-data)

    Last Updated: 08/30/12
    + 0 -

    Simon Højberg

    YUI Contributor

    Created: 08/30/12
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.5.0
    Free for use.

    When calling `load()` on a model with the `lacedSource` property set to an object or a string, load will use that data instead of calling the server.

    This is useful for quicker boot of the application by having more data laced into the initial HTML payload.
    Having it wrapping `load()` means that you can transparently have pages with laced data and pages that doesn't using the same load call.

    • Tags:
    • hojberg
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    Code Sample

    <script>
    // Data laced into the initial HTML payload
    YUI.namespace('Env.MyApp').DATA = {
      currentUser: {
        username: 'hojberg'
      }
    };
    </script>
     
    <script>
    YUI().use('gallery-laced-data', 'model', function(Y) {
     
      // Create a CurrentUser callss
      var CurrentUser = Y.Base.create('currentUser', Y.Model, [Y.LacedData], {
        // set the lacedSource to a Env object. This could also be a JSON string
        lacedSource: Y.Env.MyApp.DATA.currentUser
      });
     
      var user = new CurrentUser();
     
      // uses the lacedSource if it exists and fires "load"
      user.load();
      user.get('username'); // hojberg
     
    });
    </script>

    © 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