0

标签缺少自定义控件上的“for”属性。我使用的是 lhha 模式,但现在已切换到 custom-lhha 模式以尝试纠正问题。

下面的代码正在做一些非常奇怪的事情。label 元素包含两个具有正确标签内容的嵌套 span,for 属性包含正确 id 的一部分。

<xbl:xbl xmlns:xh="http://www.w3.org/1999/xhtml"
     xmlns:xf="http://www.w3.org/2002/xforms"
     xmlns:xxf="http://orbeon.org/oxf/xml/xforms"
     xmlns:fr="http://orbeon.org/oxf/xml/form-runner"
     xmlns:xbl="http://www.w3.org/ns/xbl"
     xmlns:xxbl="http://orbeon.org/oxf/xml/xbl">

<xbl:binding element="fr|image-picker" id="fr-image-picker" xxbl:mode="lhha custom-lhha binding value" xmlns:xxbl="http://orbeon.org/oxf/xml/xbl">
    <metadata xmlns="http://orbeon.org/oxf/xml/form-builder">
        <display-name lang="en">Image Picker</display-name>
        <icon lang="en">
            <small-icon>/apps/fr/assets/img/camera.png</small-icon>
            <large-icon>/apps/fr/assets/img/camera.png</large-icon>
        </icon>
        <templates>
            <view>
                <fr:image-picker id="image-picker" ref="">
                    <xf:label ref=""/>
                    <xf:hint ref=""/>
                    <xf:help ref=""/>
                    <xf:alert ref=""/>
                </fr:image-picker>
            </view>
        </templates>
    </metadata>
    <xbl:template>
        <xh:label for=""><xf:output value="xxf:label('fr-image-picker')"/></xh:label>
        <xf:input ref="xxf:binding('fr-image-picker')" class="image-picker"/>
    </xbl:template>
</xbl:binding>

任何提示将不胜感激。

4

1 回答 1

0

这是一个示例,它定义了一个具有绑定和标签支持的简单组件。当我使用该组件时,我只是使用常规xf:label

<xh:html
        xmlns:xh="http://www.w3.org/1999/xhtml"
        xmlns:xf="http://www.w3.org/2002/xforms"
        xmlns:xxf="http://orbeon.org/oxf/xml/xforms"
        xmlns:fr="http://orbeon.org/oxf/xml/form-runner">
    <xh:head>
        <xf:model>
            <xf:instance>
                <form xmlns=""/>
            </xf:instance>
        </xf:model>
        <xbl:xbl xmlns:xbl="http://www.w3.org/ns/xbl" xmlns:xxbl="http://orbeon.org/oxf/xml/xbl">
            <xbl:binding element="fr|image-picker" id="fr-image-picker" xxbl:mode="lhha binding value" xmlns:xxbl="http://orbeon.org/oxf/xml/xbl">
                <xbl:template>
                    <xf:input ref="xxf:binding('fr-image-picker')"/>
                </xbl:template>
            </xbl:binding>
        </xbl:xbl>
    </xh:head>
    <xh:body>
        <fr:image-picker ref=".">
            <xf:label>My Label</xf:label>
        </fr:image-picker>
    </xh:body>
</xh:html>

如果您想使用带有 的外部标签for,只需提供一个 idfr:image-pickefor照常使用:

<xf:label for="my-date-picker">My Label</xf:label>
<fr:image-picker id="my-date-picker" ref="."/>
于 2013-08-22T01:02:57.523 回答