Skip to content

Instantly share code, notes, and snippets.

@avernet
Created September 17, 2015 22:18
Show Gist options
  • Save avernet/90dce077e49d8da73fcd to your computer and use it in GitHub Desktop.
Save avernet/90dce077e49d8da73fcd to your computer and use it in GitHub Desktop.
Reset values in autocomplete in repeat when value is selected in a selection control
<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">
<form>
<my-section>
<my-radio/>
<my-countries>
<my-countries-iteration>
<my-country label="Algeria">ag</my-country>
</my-countries-iteration>
<my-countries-iteration>
<my-country label="Albania">al</my-country>
</my-countries-iteration>
<my-countries-iteration>
<my-country label="Algeria">ag</my-country>
</my-countries-iteration>
</my-countries>
</my-section>
</form>
</xf:instance>
<!-- Bindings -->
<xf:bind id="fr-form-binds" ref="instance('fr-form-instance')">
<xf:bind id="my-section-bind" name="my-section" ref="my-section">
<xf:bind id="my-countries-bind" ref="my-countries" name="my-countries">
<xf:bind id="my-countries-iteration-bind" ref="my-countries-iteration"
name="my-countries-iteration">
<xf:bind id="my-country-bind" ref="my-country" name="my-country"/>
</xf:bind>
</xf:bind>
<xf:bind id="my-radio-bind" ref="my-radio" name="my-radio"/>
</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 -->
<!-- Don't make readonly by default in case a service modifies the resources -->
<xf:instance id="fr-form-resources" xxf:readonly="false" xxf:exclude-result-prefixes="#all">
<resources>
<resource xml:lang="en">
<my-radio>
<label>Radio</label>
<hint/>
<item>
<label>First choice</label>
<value>1</value>
<hint/>
</item>
<item>
<label>Second choice</label>
<value>2</value>
<hint/>
</item>
<item>
<label>Third choice</label>
<value>3</value>
<hint/>
</item>
</my-radio>
<my-country>
<label/>
<hint/>
</my-country>
<my-section>
<label>Untitled Section</label>
</my-section>
</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>
<xf:instance xxf:readonly="true" xxf:exclude-result-prefixes="#all"
id="my-countries-template">
<my-countries-iteration>
<my-country label=""/>
</my-countries-iteration>
</xf:instance>
<xf:setvalue ev:event="xforms-value-changed" observer="my-radio-control"
iterate="/form/my-section/my-countries/my-countries-iteration"
ref="my-country"/>
</xf:model>
</xh:head>
<xh:body>
<fr:view>
<fr:body xmlns:p="http://www.orbeon.com/oxf/pipeline" xmlns:xbl="http://www.w3.org/ns/xbl"
xmlns:oxf="http://www.orbeon.com/oxf/processors">
<fr:section id="my-section-control" bind="my-section-bind">
<xf:label ref="$form-resources/my-section/label"/>
<fr:grid>
<xh:tr>
<xh:td>
<xf:select1 id="my-radio-control" appearance="full" bind="my-radio-bind">
<xf:label ref="$form-resources/my-radio/label"/>
<xf:hint ref="$form-resources/my-radio/hint"/>
<xf:alert ref="$fr-resources/detail/labels/alert"/>
<xf:itemset ref="$form-resources/my-radio/item">
<xf:label ref="label"/>
<xf:value ref="value"/>
<xf:hint ref="hint"/>
</xf:itemset>
</xf:select1>
</xh:td>
<xh:td/>
</xh:tr>
</fr:grid>
<fr:grid id="my-countries-control" bind="my-countries-bind" repeat="content" min="1"
template="instance('my-countries-template')">
<xh:tr>
<xh:td>
<fr:autocomplete xmlns:xxbl="http://orbeon.org/oxf/xml/xbl"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
id="my-country-control"
labelref="@label"
resource="/fr/service/custom/orbeon/controls/countries?country-name={$fr-search-value}"
bind="my-country-bind">
<xf:label ref="$form-resources/my-country/label"/>
<xf:hint ref="$form-resources/my-country/hint"/>
<xf:alert ref="$fr-resources/detail/labels/alert"/>
<!-- Itemset points to an empty nodeset until users set them in the control details dialog -->
<xf:itemset ref="/countries/country">
<xf:label ref="name"/>
<xf:value ref="us-code"/>
</xf:itemset>
</fr:autocomplete>
</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