Created
November 3, 2016 23:19
-
-
Save ebruchez/f4d7055eddd2b23878cf0a10e31fdf9e to your computer and use it in GitHub Desktop.
Form with calculated HTML value
This file contains 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> | |
<title/> | |
<show-details>true</show-details> | |
<first-name/> | |
<last-name/> | |
<result/> | |
</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="title-bind" ref="title" name="title" relevant="$show-details = true()"/> | |
<xf:bind id="first-name-bind" ref="first-name" name="first-name" xxf:whitespace="trim" | |
relevant="$show-details = true()"/> | |
<xf:bind id="last-name-bind" ref="last-name" name="last-name" xxf:whitespace="trim" | |
relevant="$show-details = true()"/> | |
<xf:bind id="show-details-bind" ref="show-details" name="show-details" type="xf:boolean"/> | |
<xf:bind id="result-bind" ref="result" name="result" readonly="true()" | |
calculate="string-join(
 (
 '<p><i>',
 xxf:itemset('title-control', 'xml', true())//item[@selected = 'true']/label,
 '</i>',
 $first-name,
 $last-name,
 '</p>'
 ),
 ' '
)" | |
relevant="$show-details = false()"/> | |
</xf:bind> | |
</xf:bind> | |
<!-- Metadata --> | |
<xf:instance xxf:readonly="true" id="fr-form-metadata" xxf:exclude-result-prefixes="#all"> | |
<metadata> | |
<application-name>stackoverflow</application-name> | |
<form-name>html-output</form-name> | |
<title xml:lang="en">Untitled Form</title> | |
<description xml:lang="en"/> | |
</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"> | |
<title> | |
<label>Title</label> | |
<hint/> | |
<item> | |
<label>Mr</label> | |
<value>mr</value> | |
</item> | |
<item> | |
<label>Mrs</label> | |
<value>mrs</value> | |
</item> | |
<item> | |
<label>Ms</label> | |
<value>ms</value> | |
</item> | |
</title> | |
<show-details> | |
<label>Show details</label> | |
<hint/> | |
</show-details> | |
<first-name> | |
<label>First name</label> | |
<hint/> | |
</first-name> | |
<last-name> | |
<label>Last name</label> | |
<hint/> | |
</last-name> | |
<result> | |
<label>Result</label> | |
<hint/> | |
</result> | |
<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> | |
</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> | |
<xf:select1 id="title-control" bind="title-bind" appearance="dropdown"> | |
<xf:label ref="$form-resources/title/label"/> | |
<xf:hint ref="$form-resources/title/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:itemset ref="$form-resources/title/item"> | |
<xf:label ref="label"/> | |
<xf:value ref="value"/> | |
</xf:itemset> | |
</xf:select1> | |
</xh:td> | |
<xh:td> | |
<fr:yesno-input xmlns="http://orbeon.org/oxf/xml/form-builder" | |
xmlns:xxbl="http://orbeon.org/oxf/xml/xbl" | |
id="show-details-control" | |
bind="show-details-bind"> | |
<xf:label ref="$form-resources/show-details/label"/> | |
<xf:hint ref="$form-resources/show-details/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:yesno-input> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<xf:input id="first-name-control" bind="first-name-bind"> | |
<xf:label ref="$form-resources/first-name/label"/> | |
<xf:hint ref="$form-resources/first-name/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:input> | |
</xh:td> | |
<xh:td/> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<xf:input id="last-name-control" bind="last-name-bind"> | |
<xf:label ref="$form-resources/last-name/label"/> | |
<xf:hint ref="$form-resources/last-name/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:input> | |
</xh:td> | |
<xh:td/> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<fr:tinymce xmlns:xxbl="http://orbeon.org/oxf/xml/xbl" | |
xmlns:f="http://orbeon.org/oxf/xml/formatting" | |
id="result-control" | |
bind="result-bind"> | |
<xf:label ref="$form-resources/result/label"/> | |
<xf:hint ref="$form-resources/result/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:tinymce> | |
</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