fr-checkbox-to-rows.xhtml

<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-choices/>
                        <my-add/>
                        <my-grid>
                            
                        </my-grid>
                        
                    </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="my-add-bind" ref="my-add" name="my-add"/>
                    <xf:bind id="my-grid-bind" ref="my-grid" name="my-grid">
                        <xf:bind id="my-grid-iteration-bind" ref="my-grid-iteration" name="my-grid-iteration">
                            <xf:bind id="my-number-bind" ref="my-number" name="my-number"/>
                        </xf:bind>
                    </xf:bind>
                    
                </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-number>
                            <label>Number</label>
                            <hint/>
                        </my-number>
                        <my-choices>
                            <label>Iterations to add</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>
                        <my-add>
                            <label>Add</label>
                            <hint/>
                        </my-add>
                        <my-section>
                            <label>My 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-grid-template">
                <my-grid-iteration>
                    <my-number/>
                </my-grid-iteration>
            </xf:instance>
            <xf:action event="DOMActivate" observer="my-add-control">
                <xf:action iterate="xxf:split(xxf:value('my-choices-control'))">
                    <xf:var name="current" value="."/>
                    <xf:insert context="instance('fr-form-instance')/my-section/my-grid" ref="*"
                               origin="instance('my-grid-template')"/>
                    <xf:setvalue ref="instance('fr-form-instance')/my-section/my-grid/my-grid-iteration[last()]/my-number"
                                 value="$current"/>
                </xf:action>

            </xf:action>

        </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="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="my-add-control" bind="my-add-bind">
                                    <xf:label ref="$form-resources/my-add/label"/>
                    
                                    <xf:hint ref="$form-resources/my-add/hint"/>
                                    <xf:alert ref="$fr-resources/detail/labels/alert"/>
                    
                                </xf:trigger>
                            </xh:td>
                            <xh:td/>
                            <xh:td/>
                        </xh:tr>
                    </fr:grid>
                    <fr:grid id="my-grid-control" bind="my-grid-bind" repeat="content"
                             template="instance('my-grid-template')"
                             apply-defaults="true"
                             fb:initial-iterations="first">
                        <xh:tr>
                            <xh:td>
                                <xf:input id="my-number-control" bind="my-number-bind">
                                    <xf:label ref="$form-resources/my-number/label"/>
                                    <xf:hint ref="$form-resources/my-number/hint"/>
                                    <xf:alert ref="$fr-resources/detail/labels/alert"/>
                        
                        
                                </xf:input>
                            </xh:td>
                            <xh:td/>
                            <xh:td/>
                        </xh:tr>
                    </fr:grid>
                </fr:section>
            </fr:body>
        </fr:view>
    </xh:body>
</xh:html>