xforms - 带有图像的自定义 Xforms 触发器

Question

我正在尝试创建一个 Xforms 处理器，但我真的不明白如何处理需要显示文本图像的触发器。规范没有提供这样的细节，但我找到了一个带有这个例子的 Open Book ：

<xf:trigger appearance="xf:image">
    <img src="XForms-button.jpg" />
    <xf:message level="modal" ev:event="DOMActivate">Image 
    clicked</xf:message>
    <xf:hint>This hint text comes up if you hover over a button.</xf:hint>
</xf:trigger>

但是由于标准没有提及，并且 img 标签是 html - 未在 xforms 中定义 - ，我想知道它是否正确。你怎么看？

Answer 1

最简单的方法是使用 CSS 背景图像作为触发器或更好地生成按钮。查看浏览器源代码应该可以揭示如何匹配您想要的元素。如果您使用 betterform 作为标签建议您可以编写这样的规则

#mytrigger .xfValue{
  background-image:url....

您必须为触发器提供 id 'mytrigger' 才能使其工作。

另一个适用于 betterFORM 的选项：

<xf:trigger id="trigger1" ref="trigger1/value" src="images/bf_logo_67x27.png">
      <xf:label></xf:label>
</xf:trigger>