Hi,
I'd like to format a DecimalBox as I type the numbers. I know there is the onChanging event where I could do that, but I'm a little bit lost thinking of how could I write something like that.
A friend of mine wrote a piece of code which applies some mask to a textbox by using the onKeyUp event, but it is a local feature and it would be necessary include it every time I'd need to apply this mask. That's the fiddle: http://zkfiddle.org/sample/144bqmi/1-Another-new-ZK-fiddle
Is there a way to write a code like that and invoke it like <textbox onChanging="myscript">?
onChanging is a server side event listener, and your scenario sounds like it's better dealt with at client side to provide a better user experience. So here a few thoughts on improving the maintainability of your js code, avoiding duplication:
Inside a client side listener it is possible to call functions from separate js files which makes the function reusable in a very basic way. http://zkfiddle.org/sample/144bqmi/2-separate-mask-function
If you don't like functions polluting the global namespace you can add a custom maskInput function directly to the zul.inp.Textbox.prototype as in this example
http://zkfiddle.org/sample/144bqmi/3-add-mask-function-to-textbox-widget
If you want to go deeper into client side customization e.g. extending an existing widget class with your own implementation I'd refer to the client side reference: https://www.zkoss.org/wiki/ZKClient-sideReference/GeneralControl/WidgetCustomization
For your case I think either my first or second option should provide a manageable mechanism.
Please let me know if this information was sufficient or not.
Robert
Yes, I was looking for something like this. Could I put a script on zk.xml and then invoke a function? I'm pretty sure I've read something about but I don't remember where it was.
yes in zk.xml you can use <embed> https://www.zkoss.org/wiki/ZKConfigurationReference/zk.xml/Thedevice-configElement/TheembedElement
I personally prefer adding a script to a lang-addon.xml https://www.zkoss.org/wiki/ZKClient-sideReference/Language_Definition/Samples
cor3000 ( 2018-04-11 08:44:12 +0800 )editAsked: 2018-04-10 06:30:10 +0800
Seen: 14 times
Last updated: Apr 10 '18
Tags
People
Badges
Help
