向XForms重复结构添加复选框



我正在将eXist 2.2中的XSLTForms与RESTXQ服务器一起使用。

我有一个搜索表单,它允许用户查询远程API,如果查询匹配,它将使用一组XML记录进行响应。我使用xf:repeat来迭代记录,并且我希望能够在每条记录的开头提供一个复选框,以便用户可以选择他们想要的记录。但是,当我在xf:repeat中放置checkbox元素(使用绑定到布尔值的xf:input)时,我无法获得所需的功能。复选框不是相互独立的,而是作为一个组激活的。当我点击第一个框时,第二个框也会被激活,等等。这似乎是一个足够常见的用例,但我似乎找不到任何说明如何实现它的文档或示例。

我知道我需要以某种方式同步这两个实例,以确保每个复选框都有一个新的bool元素,我也尝试过使用xf:insert的不同方法,但我什么都做不到。

型号片段:

<xf:instance xmlns="" id="default">
    <results>            
        <sru:record sru:test="false">
            <sru:recordData>
                <marc:record>
                ...
                </marc:record>
            </sru:recordData>
        </sru:record>
        <sru:record sru:test="false">
            <sru:recordData>
                <marc:record>
                ...
                </marc:record>
            </sru:recordData>
        </sru:record>                
    </results>
</xf:instance>
<xf:bind nodeset="instance('default')/sru:record/@sru:test" id="checkVal" type="xs:boolean"/>

带有xf:repeat:的表单片段

<div>
    <xf:repeat 
    nodeset="instance('default')/sru:record/sru:recordData/marc:record" 
    id="marc-repeat" appearance="full">
        <div class="checkbox">
            <xf:input incremental="true" ref="../../@sru:test">
                <xf:label>Select</xf:label>      
                <xf:action ev:event="DOMActivate">                                    
                    <xf:setvalue 
                    bind="checkVal" 
                    if=". = boolean-from-string('false')">true</xf:setvalue>
                    <xf:setvalue 
                    bind="checkVal" 
                    if=". = boolean-from-string('true')">false</xf:setvalue>    
                </xf:action>                           
            </xf:input>
        </div>
        ...
    </xf:repeat>
</div>

XForms允许将同一个节点绑定到许多控件,因此,所有这些控件都会在更新时同步。

在您的示例中,在一个不同的实例中只有一个off元素。当输入控件绑定到repeat中的这个元素时,XForms引擎呈现的控件数量与repeat节点集中的节点数量一样多。

我猜您想要检查记录:为此,例如,您需要在每个记录中有一个专用属性。XForms操作可以做到这一点:每次从服务器检索记录实例时,关联的操作都可以插入这样的属性。使用eXistdb,要求服务器生成具有此额外属性的记录实例可能会更容易。

我终于发现,我只需要一个嵌套的xf:repeat来遍历记录集。我认为我的问题源于对xf:bind元素功能的混淆,我最终删除了它。有了这个修改后的表单结构,每个@sru:test属性的值现在都会独立更新。

带有xf:repeat:的表单片段

<div>
    <xf:repeat 
    nodeset="instance('default')/sru:record/sru:recordData" 
    id="marc-repeat" appearance="full">
        <div class="checkbox">
            <xf:repeat nodeset="marc:record">
                <xf:input incremental="true" ref="../../@sru:test">
                    <xf:label>Select</xf:label>      
                    <xf:action ev:event="DOMActivate">                                    
                        <xf:setvalue 
                        bind="checkVal" 
                        if=". = boolean-from-string('false')">true</xf:setvalue>
                        <xf:setvalue 
                        bind="checkVal" 
                        if=". = boolean-from-string('true')">false</xf:setvalue>    
                    </xf:action>                           
                </xf:input>
            </div>
            ...
    </xf:repeat>
</div>

最新更新