我正在将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>