1

我想通过 xf:input 询问用户，在某个重复中您想要“多少项目”，然后根据用户的响应，呈现具有该行数的重复（我猜这也会在 xf:instance 中生成）。

我熟悉使用触发器插入和删除行。

我在这里要问的是如何提示用户要创建和呈现的初始行数。

例如，假设用户想要 10 行。我猜重复的数据可能不相关，直到他们回答了那个问题，当他们回答时，一些动作可以动态地创建行，然后使重复的数据相关。

但是如何做到这一点？

12 月 20 日更新

下面的标记显示了一个输入字段，并且更好的形式是在按下按钮时向实例添加行。但是，betterForm 不会在 UI 中显示数据（尽管我猜这完全是一个单独的问题）。我还没有尝试过其他实现。

<xhtml:head>
    <xf:model id="m">
        <xf:instance id="main-instance">
          <data>
            <items>
              <item1>item 11</item1>
              <item2>item 12</item2>
              <item3>item 13</item3>
            </items>
          </data>
          </xf:instance>


        <xf:instance id="variable">
            <variable xmlns="">
                <iteration-count/>
            </variable>
        </xf:instance>
    </xf:model>
</xhtml:head>
<xhtml:body>

  <!-- Simple field to enter the number of iterations -->
  <xf:input ref="instance('variable')/iteration-count">
    <xf:label>How many iterations?</xf:label>
  </xf:input>

  <xf:trigger>
    <xf:label>Insert with while</xf:label>
    <xf:action ev:event="DOMActivate">
            <xf:action while="instance('variable')/iteration-count != 0">
                <xf:insert ev:event="DOMActivate" nodeset="items"/>
                <xf:setvalue ref="instance('variable')/iteration-count" value=". - 1"/>
            </xf:action>
          <!--<xf:refresh model="m"/>-->
        </xf:action>
    </xf:trigger>


  <table>

    <tbody id="r-attrs" xf:repeat-nodeset="items">
      <tr>
        <td>
          <xf:output ref="item1"></xf:output>
        </td>
        <td>
          <xf:output ref="item2"></xf:output>
        </td>
        <td>
          <xf:output ref="item3"></xf:output>
        </td>
      </tr>
    </tbody>

  </table>       

</xhtml:body>

4

3 回答 3

2

一个动作的 while 和 iterate 属性会重复这个动作。

于 2012-12-16T09:25:46.743 回答
1

从用户那里获取信息的一种方法是将输入小部件绑定到辅助文档中的元素（我经常称该文档，ui因为它包含用户界面状态信息）并从中控制插入和显示。如果你想强制用户提供一个值，你可以让它默认为0；如果您不这样做，您可以提供一些合理的默认数字，用户可以根据需要覆盖这些默认数字。

于 2012-12-16T18:57:44.810 回答
1

如果我理解得很好，你会问两个不同的问题：

  1. 如何提示用户
  2. 如何插入给定的迭代次数

这里是

  1. 要提示用户，您可以使用对话框（xforms:dialog由 XForms 2.0 标准化，Orbeon Forms 支持该xxforms:dialog扩展）。您还可以使用 anxforms:switch来显示/隐藏字段与重复。

  2. 获得值后，您可以如 Alain 所说，使用while或iterate属性多次执行插入操作。或者，如果您有 XPath 2.0，则可以for在origin表达式中使用 a。

这是一个完整的示例，显示了两种插入方式：

<xh:html xmlns:xh="http://www.w3.org/1999/xhtml"
      xmlns:xf="http://www.w3.org/2002/xforms"
      xmlns:ev="http://www.w3.org/2001/xml-events">
    <xh:head>
        <xf:model>
            <xf:instance id="repeats">
                <repeats/>
            </xf:instance>
            <xf:instance id="count">
                <count/>
            </xf:instance>
        </xf:model>
    </xh:head>
    <xh:body>

        <!-- Simple field to enter the number of iterations -->
        <xf:input ref="instance('count')">
            <xf:label>How many iterations?</xf:label>
        </xf:input>

        <!-- Variant 1 -->
        <xf:trigger>
            <xf:label>Insert with for</xf:label>
            <xf:insert
                ev:event="DOMActivate"
                if="instance('count') castable as xs:integer"
                context="instance('repeats')"
                ref="repeat"
                origin="for $i in 1 to instance('count')
                        return xf:element('repeat')"/>
        </xf:trigger>

        <!-- Variant 2 -->
        <xf:trigger>
            <xf:label>Insert with while</xf:label>
            <xf:insert
                ev:event="DOMActivate"
                if="instance('count') castable as xs:integer"
                context="instance('repeats')"
                while="count(repeat) lt xs:integer(instance('count'))"
                ref="repeat"
                origin="xf:element('repeat')"/>
        </xf:trigger>

        <xf:trigger>
            <xf:label>Clear</xf:label>
            <xf:delete ev:event="DOMActivate" ref="instance('repeats')/*"/>
        </xf:trigger>

        <!-- Your repeat -->
        <xf:repeat ref="repeat">
            <xf:output value="position()"/>
        </xf:repeat>

    </xh:body>
</xh:html>
于 2012-12-17T18:54:14.657 回答