Cajas rápidas para Dojo -

Agregar a mi cartera mental es importante para mí. Primero vino MooTools, luego jQuery y ahora Dojo. Hablo a menudo con Peter Higgins del famoso Dojo y decidió que era hora de entrar en su mundo. Elige un complemento simple pero útil, QuickBoxes, para migrar desde MooTools. El siguiente es el resultado.

El Dojo JavaScript

//cierre de seguridad;(function(d, $){//comienza el complemento d.QuickBoxes = function(args, node){//scopingnode = d.byId(node);//settingsvar active = 0;args. elements = $(args.elements);//para cada casilla de verificaciónargs.elements.forEach(function(el) {//conecta el evento MouseDownd.connect(el,'onmousedown',function(ev){d.stopEvent( ev);active = 1;el.checked = !el.checked;});//conectar MouseEnter eventd.connect(el,'onmouseenter',function(e){if(active == 1) {el.checked = ('toggle ' == args.mode ? !el.checked : 'check' == args.mode);}});// conecta el clic eventd.connect(el,'onclick',function(e){el .checked = !el.checked;active = 0;});//arreglar las etiquetasvar label = $('label[for=" + el.getAttribute("id') + ']');if(label.length ) {d .connect(label[0],'onclick',function(e){el.checked = !el.checked;});}});//agregue el evento mouseup a Windowd.connect(d.body () ,'mouseup',function(){ active = 0; });};//usage.addOnLoad(function(){var togglers = new d.QuickBoxes({ elementos: '.toggle', modo: 'toggle ' } );var marcado = nuevo d.QuickBoxes({ elementos: '.marcado', modo: 'verificar' });var sin marcar = nuevo d.QuickBoxes({ elementos: '.desmarcar', modo: 'desmarcar' }); });})(dojo, dojo.query);

Si echas un vistazo a la versión Dojo y la versión MooTools, son muy parecidas. Como he predicado con Moo y jQuery, todos los marcos hacen lo mismo pero con una sintaxis diferente.

Un agradecimiento especial a Peter Higgins por su ayuda; Sinceramente, estaba bastante perdido en algunos puntos de este sencillo complemento. Fue bueno incursionar en Dojo y espero experimentar más.