Getting some $ with Dojo
Date : 2008 03 13 Category : Tech & Development
Ajaxian
Neil Roberts has posted a great article on Creating Your Own $ with Dojo:
The bling, one of the best global variables in JavaScript. A tool which has come to mean, as a function, a way to locate a node or set of nodes. And, as a namespace, a simple way to access often-used functionality. "This can't be done with Dojo," you insist. But you're wrong, it's really easy. The ideas behind this little symbol are quite simple and I'm going to show you how to create your own customized version of it.
He manages to walk us through a path where he gets $ working in a way that mimics jQuery. He starts with $ = dojo.query; and ends up with:
PLAIN TEXT JAVASCRIPT:$ = dojo.mixin(function(){ return dojo.mixin(dojo.query.apply(this, arguments), $.fn); }, dojo, { fn: {} });
He then tackles plugins and using:
PLAIN TEXT JAVASCRIPT:$.fn.click = function(callback){ dojo.forEach(this, function(node){ dojo.connect(node, "onclick", function(e){ callback.call(e.target, e); }); }); }
You end up being able to do:
PLAIN TEXT JAVASCRIPT:$("li.expandable").click(function(e){ $(this).toggleClass("expanded"); });
Very cool indeed!