Created
March 27, 2015 01:30
-
-
Save avernet/f40054138a84a49c31e6 to your computer and use it in GitHub Desktop.
Selecting all checkboxes
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>Select all checkboxes</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-choices/> | |
<select-all/> | |
</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-choices-bind" ref="my-choices" name="my-choices"/> | |
<xf:bind id="select-all-bind" ref="select-all" name="select-all"/> | |
</xf:bind> | |
</xf:bind> | |
<!-- Metadata --> | |
<xf:instance xxf:readonly="true" id="fr-form-metadata" xxf:exclude-result-prefixes="#all"> | |
<metadata> | |
<application-name>community</application-name> | |
<form-name>select-all</form-name> | |
<title xml:lang="en">Select all checkboxes</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-choices> | |
<label>Choices</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-choices> | |
<select-all> | |
<label>Select all</label> | |
<hint/> | |
</select-all> | |
<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:action ev:event="DOMActivate" ev:observer="select-all-control"> | |
<xf:setvalue ref="/form/my-section/my-choices" | |
value="string-join(xxf:itemset('my-choices-control', 'xml')/itemset/choices/item/value, ' ')"/> | |
</xf:action> | |
</xf:model> | |
</xh:head> | |
<xh:body> | |
<fr:view> | |
<fr:body xmlns:xbl="http://www.w3.org/ns/xbl" | |
xmlns:oxf="http://www.orbeon.com/oxf/processors" | |
xmlns:p="http://www.orbeon.com/oxf/pipeline"> | |
<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:select id="my-choices-control" appearance="full" bind="my-choices-bind"> | |
<xf:label ref="$form-resources/my-choices/label"/> | |
<xf:hint ref="$form-resources/my-choices/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:itemset ref="$form-resources/my-choices/item"> | |
<xf:label ref="label"/> | |
<xf:value ref="value"/> | |
<xf:hint ref="hint"/> | |
</xf:itemset> | |
</xf:select> | |
</xh:td> | |
<xh:td> | |
<xf:trigger id="select-all-control" bind="select-all-bind"> | |
<xf:label ref="$form-resources/select-all/label"/> | |
<xf:hint ref="$form-resources/select-all/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:trigger> | |
</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