1 de septiembre de 2012

Input Mask Editor en WaveMaker

Buscando un buen Mask plugin para integrar a un proyecto que estaba trabajando pude unir este de jquery
http://digitalbush.com/projects/masked-input-plugin/#demo a un editor de waveker.. aqui les dejo el proyecto de prueba...



Lo primero que hay que hacer es buscar el editor id#..se lo puede hacer con un inspector de codigo como firebug
y luego colocar los enlaces en index.html page de los javascripts que vamos a necesitar 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="resources/javascript/jquery.maskedinput.js"></script>
luego en la funcion "start" poner el masked pattern que necesites
dojo.declare("Main", wm.Page, {
    start: function() {
        try {
            //here we set the mask to current texteditor
            jQuery(function($) {
                $("#dijit_form_TextBox_0").mask("99/99/9999");
            });
        } catch (e) {
            app.toastError(this.name + ".start() Failed: " + e.toString());
        }
    },
    _end: 0
});

js file: http://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js
Descargar desde aqui el proyecto de ejemplo: www.mavirroco.com/InputMask.1.Alpha.zip

1 comentario:

jcbretas dijo...

--------------------------------------------------------------------------------------------------
MASKED INPUT - Uma forma mais fácil de aplicar a máscara (jcbretas@hotmail.com)
--------------------------------------------------------------------------------------------------
start: function() {
......

////////////////////////////////////////////////////////////////////////////////////////////////

var x =[];
$.mask.definitions['m'] = "[0-9]"; // dígitos
$.mask.definitions['l'] = "[A-Z,a-z]"; // letras maiúsculas


......

} // end start



//// evento campo MATRICULA recebe o foco (neste momento é aplicada a máscara jquery_input)

matriculaInput1Focus: function(inSender) {
// matricula Login
xy = dojo.query(".dijitInputInner", this.matriculaInput1.domNode); // <-- busca o nome do campo pela classe ".dijitInputInner" cujo nome do componente é "matriculaInput1"
// assim não é necessário abrir html
x = xy[0].id; // <-- xy.id recebe o nome dado ao elemento no código html pelo dojo
jQuery(function($) { $("#"+x).mask("9?99999",{placeholder:""}); }); // <-- aqui usamos a referência "x" para aplicar a máscara

},

///////////////////////////////////////////////////////////////////////////////////////////

outros exemplos

// SÉRIE
xy = dojo.query(".dijitInputInner", this.serie.domNode);
x = xy[0].id;
jQuery(function($) { $("#"+x).mask("aa99",{placeholder:""}); });
},


Espero ter contribuído aos amigos programadores cujas dicas tanto me ajudaram

José C Bretas
jcbretas@hotmail.com
Brasil - Minas Gerais - Governador Valadares

Mis cosas

Powered By Blogger