Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
jQuery data binding library - bind objects to HTML elements
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
examples
jquery.tmpl
LICENSE
README.md
jquery.link.js

README.md

JLink

JLink lets you bind JavaScript objects to HTML elements.

For example:

var object  = {
  name: "Test Name"
};

$("#user").link(object, function(e, data){
  // This gets called when object.change() gets called

  // Render template...
  $(this).empty();
  $(this).append($("#userTmpl").tmpl(data));  
});

// JLink has added a change() event to the object
object.change();

object.name = "Test 2";
object.change();

The $.fn.link() function is just a utility function for tying objects and elements together.
The example above is equivalent to this:

var object = {
  name: "Test Name"
};

// Adds a change event to 'objects'
$.addChange(object);

var element = $("#users");

object.change(function(){
  element.empty();
  element.append($("#userTmpl").tmpl(this));
});

object.change();

Why the change() API?

Unfortunately the change() API is the only way. JavaScript doesn't have method missing, and getters/setters aren't cross browser.

Something went wrong with that request. Please try again.