Execute Javascript on component visible

answered 2013-01-22 10:09:02 +0800

neillee
1692 ● 1 ● 5
https://plus.google.com/u...

updated 2013-01-22 10:31:19 +0800

Please refer to Client-side Reference about responding to client-side activity. onShow is called after the widget becomes visible.

Below is a simple example that will alert each time the window becomes visible again.

<zk>
    <script defer="true">
        var oldWindow = zul.wnd.Window.prototype;
        zk.override(zul.wnd.Window.prototype, oldWindow, {
            onShow: function(ctl) {
                alert('Window becomes visible');
            }
        });
    </script>
    <tabbox>
        <tabs>
            <tab>Tab 1</tab>
            <tab>Tab 2</tab>
        </tabs>
        <tabpanels>
            <tabpanel>
                <window title="test" border="normal">
                    Main Window
                </window>
            </tabpanel>
            <tabpanel>
            </tabpanel>
        </tabpanels>
    </tabbox>
</zk>