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

    Local Storage Model Sync (gallery-model-sync-local) on cdn

    Last Updated: 07/21/12
    + 0 -

    Clarence Leung

    YUI Contributor

    See 1 more by this user.

    Created: 07/11/12
    Last CDN Push: 08/29/12
    Build Tag: gallery-2012.08.29-20-10
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.5.1
    Free for use.

    An extension which provides a sync implementation through locally stored
    key value pairs, either through the HTML localStorage API or falling back
    onto an in-memory cache, that can be mixed into a Model or ModelList subclass.

    A group of Models/ModelLists is serialized in localStorage by either its
    class name, or a specified 'root' that is provided.

    • Tags:
    • local-storage
    • model-sync
    • clarle
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    Sets up a Todo to be use LocalStorage as a synchronization layer.

    Code Sample

    <script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>
    var Todo = Y.Base.create('todo', Y.Model, [Y.ModelSync.Local], {
            // Set up the root localStorage key we save our Model data in.
            root: 'todos-yui',
     
            // Toggle the completed state of the Todo.
            toggle: function () {
                this.save({completed: !this.get('completed')});
            },
     
            // Destroy this Todo and remove it from localStorage.
            clear: function () {
                this.destroy({remove: true});
            }
     }

    © 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