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

    State Preservation for DataTable (gallery-datatable-state) on cdn

    Last Updated: 04/17/13
    + 0 -

    John Lindal

    YUI Contributor

    See 50 more by this user.

    Created: 04/12/12
    Last CDN Push: 05/23/12
    Build Tag: gallery-2012.05.23-19-56
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.5.1
    Free for use.

    This plugin for DataTable provides the ability to preserve the state of form elements and widgets when paginating, sorting, etc. You can retrieve the saved state by calling table.state.getState().

    • Tags:
    • input
    • state
    • plugin
    • table
    • datatable
    • jafl
    • field
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    Example of how to configure the plugin to save the state of fields and widgets.

    Code Sample

    <script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2012.05.23-19-56'
    }).use('gallery-datatable-state', function(Y)
    {
    	var cols =
    	[
    		{ key: 'select', label: ' ',
    			nodeFormatter: function(o)
    			{
    				o.cell.set('innerHTML', '<input type="checkbox" />');
    			}
    		},
    		{ key: 'title', label: 'Title' },
    		{ key: 'year', label: 'Year' },
    		{ key: 'quantity', label: 'Quantity',
    			nodeFormatter: function(o)
    			{
    				new Y.Dial(
    				{
    					min:                0,
    					max:                50,
    					stepsPerRevolution: 50,
    					value:              o.value
    				})
    				.render(o.cell);
    			}
    		},
    		{ key: 'notes', label: 'Notes',
    			nodeFormatter: function(o)
    			{
    				o.cell.set('innerHTML', '<textarea>

    © 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