JSF Composite组件中不允许使用empty id属性

时间:2012-03-06 10:12:50

标签: jsf-2 composite-component

我面临一个问题“在JSF中不允许使用空id属性”,而使用下面提到的一组按钮的复合组件(按钮的计数可以是1到3)(我在Tomcat上使用Mojarra 2-0-8) -7)。

    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:composite="http://java.sun.com/jsf/composite">


    <composite:interface>       
        <composite:attribute name="buttonCount" />
        <composite:attribute name="button1Id" />
        <composite:attribute name="button1Style" />
        <composite:attribute name="button1Action" />
        <composite:attribute name="button2Id" />
        <composite:attribute name="button2Style" />
        <composite:attribute name="button2Action" />
        <composite:attribute name="button3Id" />
        <composite:attribute name="button3Style" />
        <composite:attribute name="button3Action" />

    </composite:interface>
    <composite:implementation>       
        <h:commandButton  rendered = "#{cc.attrs.buttonCount ge '1'}" id="#{cc.attrs.button1Id}" styleClass="#{cc.attrs.button1Style}">
            <f:ajax listener="#{cc.attrs.button1Action}" immediate="true"/>                                     
        </h:commandButton>
        <h:panelGroup rendered = "#{cc.attrs.buttonCount ge '2'}">
            <h:commandButton  id="#{cc.attrs.button2Id}" styleClass="#{cc.attrs.button2Style}">
                <f:ajax listener="#{cc.attrs.button2Action}" immediate="true"/>                                     
            </h:commandButton>
        </h:panelGroup> 
        <h:panelGroup rendered = "#{cc.attrs.buttonCount eq '3'}">
            <h:commandButton  id="#{cc.attrs.button3Id}" styleClass="#{cc.attrs.button3Style}">
                <f:ajax listener="#{cc.attrs.button3Action}" immediate="true"/>                                     
            </h:commandButton>
        </h:panelGroup> 
    </composite:implementation>
</html>

使用上述CC。

<Buttons:myButton txtHeader="Title" txtDescription="text1"
                    txtAction="TextAction." button1Style="btnSave" buttonCount ="1" button1Id="btnSaveConf" button1Action="#{MyBean.save()}"></Buttons:myButton>

是否有更好的方法可以根据主页面上的计数或任何类比输入动态生成按钮。 注意: - id,样式和操作的名称应该不同。

1 个答案:

答案 0 :(得分:6)

您无法在id属性中使用渲染时间EL。给它一个固定的ID,并给复合材料本身也一个ID。因此,例如:

<buttons:myButton id="foo" ... />

在实施中

<h:commandButton id="button1" ... />
<h:commandButton id="button2" ... />
<h:commandButton id="button3" ... />

然后,它们将变为foo:button1foo:button2foo:button3,因此foo部分可在模板客户端中控制。

如果您确实需要动态ID以用于某些非显而易见的原因,那么您应该创建一个标记文件,而不是复合组件。