With XForms 2.0, it is possible to associate properties when dispatching events. It appears that, if this new feature can be also used from Javascript, asynchronous functions calls can be performed.<\/p>\n
XForms 2.0 Specifications don’t mention how to dispatch an XML event with properties with Javascript instructions but, because it is a Javascript implementation, XSLTForms has its own internal way to do that, properties for events being a JSON object passed as a parameter: XsltForms_xmlevents.dispatch(target, name, type, bubbles, cancelable, defaultAction, evcontext).<\/p>\n
Let’s consider a test case for getting geolocation within a form.<\/p>\n
The Javascript part:<\/p>\n
<script type=”text\/javascript”>
\nfunction asynch() {
\nnavigator.geolocation.getCurrentPosition(dispatch_position);
\n}
\nfunction dispatch_position(position) {
\nXsltForms_xmlevents.dispatch(document.getElementById(“modelid”),
\n“callbackevent”, null, null, null, null,
\n{
\nlatitude: position.coords.latitude,
\nlongitude: position.coords.longitude
\n});
\n}
\n<\/script>
\nand the model section:<\/p>\n
<xf:model id=”modelid”>
\n<xf:instance id=”instanceid” xmlns=””>
\n<data>
\n<latitude\/>
\n<longitude\/>
\n<\/data>
\n<\/xf:instance>
\n<xf:load ev:event=”xforms-ready” resource=”javascript:asynch()”\/>
\n<xf:action ev:event=”callbackevent”>
\n<xf:setvalue ref=”latitude” value=”event(‘latitude’)”\/>
\n<xf:setvalue ref=”longitude” value=”event(‘longitude’)”\/>
\n<\/xf:action>
\n<\/xf:model><\/p>\n
In this example, when the form is ready, the Javascript asynch() function is called. When the callback function show_map() is executed, the XsltForms_xmlevents.dispatch() method is called with the JSON object {latitude: position.coords.latitude,\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 longitude: position.coords.longitude} as last parameter. Then, in the XForms part, the event() function allows to get the corresponding values!<\/p>\n
This is an elegant approach and it would be interesting to specify events dispatch from Javascript, don’t you think?<\/p>\n","protected":false},"excerpt":{"rendered":"
With XForms 2.0, it is possible to associate properties when dispatching events. It appears that, if this new feature can be also used from Javascript, asynchronous functions calls can be performed. XForms 2.0 Specifications don’t mention how to dispatch an … Continue reading