• Home
• li.rudin.mavenjs
• mavenjs-lib-mv
• 1.3
• source code
• Renderer.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

js.mv.Renderer.js Maven / Gradle / Ivy

define(function(require){

	var $ = require("jquery"),
		Handlebars = require("handlebars"),
		ko = require("knockout");

	/**
	 * Renders a page recursively
	 */
	var renderRecursive = function(model, el){
		if (typeof(model.html) === "string"){
			//String view, create template
			var tmpl = Handlebars.compile(model.html);
			//Apply template with current model
			el.html( tmpl(model) );
		} else if (typeof(model.html) === "function"){
			//function template
			el.html( model.html(model) );
		}

		//Try to unbind model
		ko.cleanNode(el[0]);
		
		//Apply binding to immediate model
		ko.applyBindings(model, el[0]);
		
		//Invoke after render trigger
		if (typeof(model.afterRender) === "function")
			model.afterRender(el);

		//Recurse with data-model attribute
		el.find("*").each(function(i, el){
			var el = $(el),
				subModel = el.data("model");
			
			if (subModel){
				//attribute in dom found
				if (model[subModel]){
					//property in model found
					renderRecursive(model[subModel], el);
				} else
					throw "Submodel: " + subModel + " not found in model: " + model;
			}
		});
	};

	return renderRecursive;
		
});