brite/test/js/HelloView.js

DOM Centric Minimalistic MVC Framework

// BEST-PRACTICE: ways put your class in a 
(function($) {

	var helloWorlCount = 0;

	// BEST-PRACTICE: by convention, component name start with Upper Case 
	//                because it is like a definition/class every brite.display("HelloView") will create a new instance

	// Note 1: in this example, we inline the component definition in the HTML, 
	//       but look at the DialogPrompt.html/.js to see the recommended way (Object Oriented).
	brite.registerComponent("HelloView", {
		// Tell to empty the parent before adding this one
		emptyParent: true
	},
	//Component factory build the component $el.
	//Note: since this is just a JS Structure it will be clone when brite create an instance of this component (on brite.display...)
	{
		create : function(data) {
			helloWorlCount++;
			data.count = helloWorlCount;
			// we can assume that the template/HelloView.html has been loaded and added to the DOM
			// since we have set loadTmpl = true
			
			// this will return a HTML string, which is valid also
			return render("tmpl-HelloView",data);
		},

		// The postDisplay will be called after the display
		postDisplay : function(data) {
			this.$el.click(function() {
				alert("You clicked on " + $(this).html());
			});

		}

	});

})(jQuery);