繁体   English   中英

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

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

我是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元素已获得idsection-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方案

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM