Easy Data Binder

Document API

1. Init

					var dataBinder = DataBinder();
				

2. Set Multiple Data

					var initData = {
					  name  : "Nicolas",
					  old : "3",
					  body:{
					    height : "50",
					    weight : "17"
					  },
					  sex : "male",
					  content: "Tell me something"
					}
				

					dataBinder.set(initData);
				

3. Set Single Data

					dataBinder.set('sex','female');
				

4. Bind Data To Input

					<input type="text" data-binder="name" />
				

					<input type="text" data-binder="body.height" />
				

5. Toggle Visible

					<p data-visible="sex==male">
					    (Boy's recommendation: Football,Basketball,Swimming)
					</p>
				

6. Toggle ClassName

					<label data-class="blue:sex==male,pink:sex==female"></label>
				

7. Add Data to Array

					dataBinder.pushArray('family.parent',{
					    relationship : 'father',
					    name : 'Lancer'
					});
				

8. Remove Data from Array

					dataBinder.removeItem('family.parent',1);
				

9. Render List

					<ul data-repeat="family.parent"></ul>
				

10. Get Data

					dataBinder.get();
				

11. Toggle Debug

					dataBinder.debug = true || false;