如何在 Orbeon Forms 中的客户端 javascript 中获取元素 ID

How to get element id in client-side javascript in Orbeon Forms?

本文关键字:javascript 获取 元素 ID 客户端 Orbeon Forms      更新时间:2023-09-26

我是XHTML,XForm和Orbeon的新手,我有一个关于在Orbeon Forms中使用客户端javascript检索HTML元素ID的问题。在普通的HTML中,我只是使用了getElementById函数,Orbeon的文档建议使用一个函数来检索元素的值(用他们的术语中的控制器(。

ORBEON.xforms.Document.getValue(controlIdOrElement(

但是,对于 Orbeon From(片段(,例如

<xf:bind id="fr-form-binds" ref="instance('fr-form-instance')">
  <xf:bind id="section-1-bind" name="section-1" ref="section-1">
     <xf:bind id="cvr-input-bind" name="cvr-input" ref="cvr-input"/>
  (...)
<fr:section id="section-1-control" bind="section-1-bind">
  <xf:label ref="$form-resources/section-1/label"/>
    <fr:grid>
      <xh:tr>
        <xh:td>
          <xf:input id="cvr-input-control" bind="cvr-input-bind">
            <xf:label ref="$form-resources/cvr-input/label"/>
            <xf:hint ref="$form-resources/cvr-input/hint"/>
            <xf:alert ref="$fr-resources/detail/labels/alert"/>
          </xf:input>
        </xh:td>
  (...) 

getValue 函数在任何参数变体上都找不到值

  • CVR输入
  • CVR输入控制
  • CVR-input-bind

以字符串形式给出。

当我检查生成的表单时,我看到输入元素已经获得了id section-1-control≡xf-383≡cvr-input-control,getValue 无法在上面的三个变体上找到它是有道理的。

我已经制作了一个触发按钮 - 如下所示 - 产生预期的结果(将输入值映射到另一个控制器/元素(,但我无法想象解决方案必须涉及对元素ID的部分进行硬编码。

因此,我的问题是:当在最终视图中修改编码的 ID 时,如何检索元素/控制器(或其值(?

<xf:trigger id="get-pnumbers-btn-control" bind="get-pnumbers-btn-bind">
  <xf:label ref="$form-resources/get-pnumbers-btn/label"/>
  <xf:hint ref="$form-resources/get-pnumbers-btn/hint"/>
  <xf:alert ref="$fr-resources/detail/labels/alert"/>
  <xxf:script ev:event="DOMActivate" type="javascript">
    var cvrInputElementId = "section-1-control≡xf-383≡cvr-input-control";
    var cvrOutputElementId = "section-1-control≡xf-383≡cvr-output-control";
    var cvrInput = ORBEON.xforms.Document.getValue(cvrInputElementId);
    ORBEON.xforms.Document.setValue(cvrOutputElementId, cvrInput);
  </xxf:script>
</xf:trigger>

xxf:client-id()函数解析 id 并返回客户端 id。这可能会有所帮助。然后你需要以某种方式将该 id 传递给脚本(这在即将推出的 4.11 中很容易,但以前有点难(。

你也可以使用 jQuery,查找一个id以某个字符串结尾的元素:

var clientId = ORBEON.jQuery('[id $= "cvr-input-control"]').attr('id')

有一个 RFE 来改进 id 方案。