Revision history [back]

click to hide/show revision 1
initial version

answered 2013-01-03 05:20:11 +0800

iamsudhir4u gravatar image iamsudhir4u flag of India

http://corejavasupport.bl...

1. Here is the complete sampleof my zul file

<zk xmlns:x="xhtml" xmlns:zk="zk"> <window width="100%" height="100%">

    <borderlayout width="100%" height="100%">

        <center border="none" sclass="sub-tab-panel">
            <vlayout vflex="1" hflex="1" sclass="vertical-scroll">
                <x:table>
                    <x:tr>

                        <x:td width="50px" align="right">
                            <label value="Phone Number" />
                        </x:td>
                        <x:td>
                            <textbox width="316px" **maxlength="23"**
                                id="phone1" height="15px" />
                        </x:td>
                    </x:tr>
                </x:table>
            </vlayout>
        </center>
    </borderlayout>
    <script type="text/javascript"
        src="jquery.maskedinput-1.2.2.min.js" />
    <script type="text/javascript">
        zk.afterMount(function() { $.mask.definitions['A']='[A-Z]';
        $.mask.definitions['m']='[01]';
        $.mask.definitions['d']='[0123]';
        $.mask.definitions['y']='[12]';

        jq("$phone1").mask("(999) 999-9999");
        jq("$phone2").mask("(999) 999-9999");
        jq("$phone3").mask("(999) 999-9999");

        });
    </script>
</window>

</zk>

2. ZK Version: 6.0.3.1

1. Here is the complete sampleof my zul file

<zk xmlns:x="xhtml" xmlns:zk="zk"> <window width="100%" height="100%">

    <borderlayout width="100%" height="100%">

        <center border="none" sclass="sub-tab-panel">
            <vlayout vflex="1" hflex="1" sclass="vertical-scroll">
                <x:table>
                    <x:tr>

                        <x:td width="50px" align="right">
                            <label value="Phone Number" />
                        </x:td>
                        <x:td>
                            <textbox width="316px" **maxlength="23"**
                                id="phone1" height="15px" />
                        </x:td>
                    </x:tr>
                </x:table>
            </vlayout>
        </center>
    </borderlayout>
    <script type="text/javascript"
        src="jquery.maskedinput-1.2.2.min.js" />
    <script type="text/javascript">
        zk.afterMount(function() { $.mask.definitions['A']='[A-Z]';
        $.mask.definitions['m']='[01]';
        $.mask.definitions['d']='[0123]';
        $.mask.definitions['y']='[12]';

        jq("$phone1").mask("(999) 999-9999");
        jq("$phone2").mask("(999) 999-9999");
        jq("$phone3").mask("(999) 999-9999");

        });
    </script>
</window>

</zk>

2. ZK Version: 6.0.3.1

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More