How to use jQuery mask on ZEN?

26 views
Skip to first unread message

willianfrancas

unread,
Aug 30, 2018, 8:41:17 AM8/30/18
to InterSystems: Zen Community

Hi everyone!

Someone already try to use jQuery Mask Plugin on cache?

I'm trying but unsuccessfully.
First I created a new ambient on my own machine to developer in html and all works.

So, I exported the library's js (as jss) to a new Application (stylesheet /js /css) and created too a new Zen Page .cls calling this Application style.

On Zen Page
     Parameter APPLICATION = "Multi.Estilo";

XData Contents [ XMLNamespace = "http://www.intersystems.com/zen]
{
<page xmlns="http://www.intersystems.com/zentitle="">
    <vgroup align="center" cellStyle="padding: 4px;">
       <text id="Data" controlClass="simple-field-data-mask"/>
   </
vgroup>
</page>
}



On Multi.Estilo
    Parameter JSINCLUDES = "jss/jquery-3.3.1.slim.min.js,jss/popper.min.js,jss/bootstrap.min.js,jss/fancybox-master/dist/jquery.fancybox.min.js,jss/jQuery-Mask-Plugin-master/src/jquery.mask.js,jss/jQuery-Mask-Plugin-master/dist/jquery.mask.js,jss/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js";

Parameter CSSINCLUDES = "jss/bootstrap/bootstrap.min.css,jss/fancybox-master/dist/jquery.fancybox.min.css";


When I execute and try to use, nothing works.
I've alerady tried call some functions on onloadHandler Method...


Inspect element (google chrome) without any error.

photo_2018-08-30_09-34-46.jpg



Someone can help me?

Thanks.

Reply all
Reply to author
Forward
0 new messages