添加复选框到XForms重复结构

时间:2015-02-09 00:18:32

标签: xml checkbox xforms exist-db xsltforms

我在eXist 2.2中使用XSLTForms和RESTXQ服务器。

我有一个搜索表单,可以让用户查询远程API,如果查询匹配,它会响应一组XML记录。我正在使用xf:repeat迭代记录,我希望能够在每条记录的头部提供一个复选框,以便用户可以选择他们想要的记录。但是,当我在xf:repeat中放置一个复选框元素(使用绑定到布尔值的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>

2 个答案:

答案 0 :(得分:4)

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

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

我想您要检查记录:为此,您需要,例如,每个记录中的专用属性。这可以通过XForms操作完成:每次从服务器检索记录实例时,关联的操作都可以插入此类属性。使用eXistdb,可能更容易要求服务器使用此额外属性生成记录实例。

答案 1 :(得分:0)

我终于发现我只需要一个嵌套的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>