The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Populate
Populate a form or an element’s child elements using a JSON object.
This plugin supports full PHP naming and deep data structures, as well as checkbox arrays and other non-standard UI controls. The plugin can be used as part of your AJAX toolkit, or for separating server-side code from HTML by populating a form after the page has loaded eg:
$('form').populate({'text':'text', 'radio':1})
and not inline as the page is processed, such as:
<input type="text" name="text" id="text" value="<?php echo $text; ?>" />
<input type="radio" name="radio" id="radio-1" checked="<?php echo $val == 1; ?>" />
<input type="radio" name="radio" id="radio-2" checked="<?php echo $val == 2; ?>" />Non-form elements
You can also populate non-form controls such as <div>s, by specifiying the id and an identifying attribute (defaults to id):
$('div').populate({'text-1':'text', 'text-2':'More text'})
This can be useful when you want to show the results of a database call, but don't want the text to be editable.
Usage
Just include the PHP JSON class, PHP helper function and of course Populate at the top of your page, and a PHP snippet such as this the bottom:
<?php populate('form', $data); ?/>
Which will output something meaningful like this:
$('form').populate({'text':'text', 'radio':1})
Live Demo
Finally!
I've now FINALLY put up a full set of instructions and a working demo, with examples of:
- Populating a simple form, using string variable types for textfields, radiobuttons, dropdowns and checkboxes
- Populating a complex form, using array variable types for checkbox arrays and multi-list boxes
- Populating a hierarchical form, using hierarchical JSON data
View the jQuery Populate Demo here.
Download
JavaScript
PHP
