how to send zk keyEvent

answered 2013-09-10 09:23:22 +0800

cor3000
6280 ● 2 ● 7

updated 2013-09-10 09:24:26 +0800

Hi,

I am not sure if you can really fire the F11 Key from JS, and to go to full screen there is no need to send a KeyEvent to the server. It is better to listen to an event on the server side using the MVC pattern or use a command binding (MVVM pattern).

So based on this stack overflow question I created a small example showing how to go into full screen if the browser supports it, on the client side and executing some code on the server side triggered by the same event. I left out the IE Active X support... to keep it shorter.

<zk>
    <script>
        function goFullScreen() {
            var el = document.documentElement,
                rfs = // for newer Webkit and Firefox
                    el.requestFullScreen
                    || el.webkitRequestFullScreen
                    || el.mozRequestFullScreen
                    || el.msRequestFullScreen;

            if(typeof rfs!="undefined" &amp;&amp; rfs){
                rfs.call(el);
            }
        }

    </script>

    <window border="normal" title="Go Fullscreen" xmlns:w="client" height="100%">
        <button w:onClick="goFullScreen();" onClick='System.out.println("something on the server, should be a listener or command binding");' label="go fullscreen"/>
    </window>
</zk>

Robert