jquery-bindings
Simple two-way data binding using proxies and requestIdleCallback (661 Bytes gzipped)
Table of Contents
About
Inspired by a pen, simple data bindings that rely on Proxies (ensure this is polyfilled for older browsers) and requestIdleCallback (Shimmed if not available).
Install
-
Using cdn:
<!-- Or -->
- Using package manager:
$ npm install jquery-bindings# OR $ yarn add jquery-bindings
Usage
Create html with data-bind
attributes:
First Name: Last Name: Age:
create a initial object and initialize $.bindings
var obj = firstName: 'Tiaan' lastName: 'du Plessis' var bindings = $ // bindings variable can be updated directly and trigger DOM updates// DOM updates will trigger updates in the bindings variable bindingsfirstName = 'Dupie' // New properties can be added as long as the associated data-bind attribute existsbindingsage = 24
See the example for more information.
API
$.bindings(object, options)
object
- Plain JS object
options
attribute
- Name of attribute to bind. defaults to
data-bind
Contributing
Contributions are welcome!
- Fork it.
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Or open up a issue.
License
Licensed under the MIT License.