Created
May 19, 2016 18:50
-
-
Save avernet/f5a967ff254d60b99fe525a06e80c5c6 to your computer and use it in GitHub Desktop.
Setting the label of an autocomplete from JavaScript
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<xh:html xmlns:xh="http://www.w3.org/1999/xhtml" xmlns:xf="http://www.w3.org/2002/xforms" | |
xmlns:xs="http://www.w3.org/2001/XMLSchema" | |
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" | |
xmlns:ev="http://www.w3.org/2001/xml-events" | |
xmlns:xi="http://www.w3.org/2001/XInclude" | |
xmlns:xxi="http://orbeon.org/oxf/xml/xinclude" | |
xmlns:xxf="http://orbeon.org/oxf/xml/xforms" | |
xmlns:exf="http://www.exforms.org/exf/1-0" | |
xmlns:fr="http://orbeon.org/oxf/xml/form-runner" | |
xmlns:saxon="http://saxon.sf.net/" | |
xmlns:sql="http://orbeon.org/oxf/xml/sql" | |
xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" | |
xmlns:fb="http://orbeon.org/oxf/xml/form-builder"> | |
<xh:head> | |
<xh:title>Untitled Form</xh:title> | |
<xf:model id="fr-form-model" xxf:expose-xpath-types="true"> | |
<!-- Main instance --> | |
<xf:instance id="fr-form-instance" xxf:exclude-result-prefixes="#all" xxf:index="id"> | |
<form> | |
<section-1> | |
<country label=""/> | |
<set/> | |
<control-4/> | |
</section-1> | |
</form> | |
</xf:instance> | |
<!-- Bindings --> | |
<xf:bind id="fr-form-binds" ref="instance('fr-form-instance')"> | |
<xf:bind id="section-1-bind" name="section-1" ref="section-1"> | |
<xf:bind id="country-bind" ref="country" name="country"/> | |
<xf:bind id="set-bind" ref="set" name="set"/> | |
<xf:bind id="control-4-bind" ref="control-4" name="control-4" calculate="$country"/> | |
</xf:bind> | |
</xf:bind> | |
<!-- Metadata --> | |
<xf:instance xxf:readonly="true" id="fr-form-metadata" xxf:exclude-result-prefixes="#all"> | |
<metadata> | |
<application-name>a</application-name> | |
<form-name>a</form-name> | |
<title xml:lang="en">Untitled Form</title> | |
<description xml:lang="en"/> | |
<singleton>false</singleton> | |
</metadata> | |
</xf:instance> | |
<!-- Attachments --> | |
<xf:instance id="fr-form-attachments" xxf:exclude-result-prefixes="#all"> | |
<attachments> | |
<css mediatype="text/css" filename="" size=""/> | |
<pdf mediatype="application/pdf" filename="" size=""/> | |
</attachments> | |
</xf:instance> | |
<!-- All form resources --> | |
<xf:instance xxf:readonly="true" id="fr-form-resources" xxf:exclude-result-prefixes="#all"> | |
<resources> | |
<resource xml:lang="en"> | |
<country> | |
<label>Country selection</label> | |
<hint/> | |
</country> | |
<set> | |
<label>Set autocomplete value</label> | |
<hint/> | |
</set> | |
<control-4> | |
<label>Country value</label> | |
<hint/> | |
</control-4> | |
<section-1> | |
<label>Untitled Section</label> | |
</section-1> | |
</resource> | |
</resources> | |
</xf:instance> | |
<!-- Utility instances for services --> | |
<xf:instance id="fr-service-request-instance" xxf:exclude-result-prefixes="#all"> | |
<request/> | |
</xf:instance> | |
<xf:instance id="fr-service-response-instance" xxf:exclude-result-prefixes="#all"> | |
<response/> | |
</xf:instance> | |
<xxf:script observer="set-control" event="DOMActivate"> | |
var countryControl = ORBEON.jQuery('*[id $= "country-control"]')[0]; | |
ORBEON.xforms.Document.setValue(countryControl, "Switzerland"); | |
</xxf:script> | |
</xf:model> | |
</xh:head> | |
<xh:body> | |
<fr:view> | |
<fr:body xmlns:xbl="http://www.w3.org/ns/xbl" xmlns:p="http://www.orbeon.com/oxf/pipeline" | |
xmlns:oxf="http://www.orbeon.com/oxf/processors"> | |
<fr:section id="section-1-control" bind="section-1-bind"> | |
<xf:label ref="$form-resources/section-1/label"/> | |
<fr:grid> | |
<xh:tr> | |
<xh:td> | |
<fr:autocomplete xmlns:xxbl="http://orbeon.org/oxf/xml/xbl" | |
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" | |
id="country-control" | |
labelref="@label" | |
resource="/fr/service/custom/orbeon/controls/countries" | |
bind="country-bind"> | |
<xf:label ref="$form-resources/country/label"/> | |
<xf:hint ref="$form-resources/country/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:itemset ref="/countries/country"> | |
<xf:label ref="name"/> | |
<xf:value ref="us-code"/> | |
</xf:itemset> | |
</fr:autocomplete> | |
</xh:td> | |
<xh:td> | |
<xf:trigger id="set-control" bind="set-bind"> | |
<xf:label ref="$form-resources/set/label"/> | |
<xf:hint ref="$form-resources/set/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:trigger> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<xf:output id="control-4-control" bind="control-4-bind"> | |
<xf:label ref="$form-resources/control-4/label"/> | |
<xf:hint ref="$form-resources/control-4/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:output> | |
</xh:td> | |
<xh:td/> | |
</xh:tr> | |
</fr:grid> | |
</fr:section> | |
</fr:body> | |
</fr:view> | |
</xh:body> | |
</xh:html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment