Plugins

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.

jQBinder


JQBinder is a light-weight template engine that allows client-side data binding between an HTML template (embedded in HTML file itself) and JSON data (which is typically asynchronously fetched from the server).

The syntax is very simple. You just need to put something like this in HTML (HTML snippet between outer is the template):

<div id="#target">
<img src='$(.user.profile_image_url)' />
<div>$(.text)</div>
</div>

Then, simply call
$("#stage").dataBindTo( { url: urlToJSONP } );

It will load a json data from the specified URL (which must be an array), then generate HTML snippet for each row of data using the template above - replacing all $(.propertyName) with the specified property of each row data.

I have tested it on Safari 4.0, Chrome 4.0, Firefox 3.5, Opera 9.0 and IE 8.0 so far.

Downloads



5
Your rating: None Average: 5 (1 vote)