I want to use Javascript sent some data to zk's view Model

answered 2015-04-23 21:50:10 +0800

terrytornado
9393 ● 3 ● 7 ● 16
http://www.oxitec.de/

updated 2015-04-23 23:31:35 +0800

Zul:

<window ... apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') 
@init('de.oxitec.zkboost.websocket.webrtc.OXWebsocketWebRtcVM')">

<div id="divRemoteVideo" visible="false" style="overflow:auto;"
     onMyEvent="@command('createVideo', 
                          parent=event.data.parent, 
                          username=event.data.username, 
                          src=event.data.src)">
   <!--  some stuff here -->
</div>

Javascript:

//  Fire an event to the ViewModel.

function myFunction(){
    var widget;

    // Get ZK widget
    widget = zk('$divRemoteVideo').$();

    // widget fires SELF-DEFINED event
    widget.fire('onMyEvent', {
      // sample params to send to ViewModel
      parent : 'divRemoteVideo',
      username : 'TerryTornado',
      src : URL.createObjectURL(stream)
     }, {toServer : true })
}

ViewModel:

@Command("createVideo")
public void createVideo(@BindingParam("parent") String _parent, 
                        @BindingParam("username") String _username, 
                        @BindingParam("src") String _src) {

// your code here
System.out.println(_parent + " | " + _username + " | " + _src );
}

Attention: Such things are not safety. Every guy can open your js file and call such a function.

best Stephan

PS: I take votes :-)