JSF ui:composition 和复合组件的问题答案

【问题标题】：Issue with JSF ui:composition and composite componentJSF ui:composition 和复合组件的问题
【发布时间】：2012-09-03 09:56:22
【问题描述】：

我正在尝试找出这是 JSF/EL 问题还是这里有什么问题。

基本上，我想将项目对象作为 ui:param 传递给 ui:composition 并在内部有一个按钮（即引导按钮，因此它们实际上是 html 链接，因此使用 commandLink）并让它执行一个动作使用项目参数。这是传递一些参数的 ui:composition item.xhtml。

<ui:include src="comp/item.xhtml">
    <ui:param name="item" value="#{itemVM.item}"/>
    <ui:param name="desc" value="#{true}"/>
</ui:include>

现在我希望这个按钮成为一个复合组件“bt:button”，但是它似乎在解析“item”参数时遇到了问题。为了确认这一点，我从组件中取出命令链接并将其放在页面上，果然它确实有效。此外，如果我将 bt:button 移到 ui:composition 之外，它也可以在那里工作。最后，如果我使用像“test”这样的单引号将项目更改为字符串，它也可以正常工作（出于测试目的，我的操作方法需要一个对象）。基于这 3 种情况，看起来复合组件在解析传递给组合的项目参数时遇到了问题。

这是 item.xhtml 中第一个测试的示例（即复合组件与常规 JSF 命令链接）：

<!- This composite component doesn't Work -->
<bt:button id="cmpBtn" active="#{user.compares[item.id]}"
           disabled="#{user.compares[item.id] != null and itemsCtr.numOfCompares >= 100}"
           styleClass="btn-item-compare btn-small"
           style="margin-bottom:5px"
           action="#{itemsCtr.compare(item)}">
    <i class="#{user.compares[item.id] != null ? 'icon-minus' : 'icon-plus'}"/>
    <h:outputText value="#{user.compares[item.id] != null ? 'Comparing' : 'Compare'}"/>
    <f:ajax render="@this"/>
</bt:button>

<!-- This regular jsf component works -->
<h:commandLink action="#{itemsCtr.compare(item)}" value="Test">
    <f:ajax render="@this"/>
</h:commandLink>

这是我对 bt:button 的复合组件定义：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:cc="http://java.sun.com/jsf/composite"
      xmlns:f="http://java.sun.com/jsf/core">

<cc:interface componentType="LinkComponent">
    <cc:attribute name="action" targets="button"/>
    <cc:attribute name="value" type="java.lang.String"/>
    <cc:attribute name="active" type="java.lang.Boolean"/>
    <cc:attribute name="title" type="java.lang.String"/>
    <cc:attribute name="styleClass" type="java.lang.String"/>
    <cc:attribute name="disabled" type="java.lang.Boolean"/>
    <cc:attribute name="style" type="java.lang.String"/>
</cc:interface>

<cc:implementation>
    <h:commandLink id="button" binding="#{cc.link}"
                   styleClass="btn #{cc.attrs.active ? 'active' : ''} #{cc.attrs.disabled ? 'disabled' : ''} #{cc.attrs.styleClass}"
                   title="#{cc.attrs.title}" style="#{cc.attrs.style}" disabled="#{cc.attrs.disabled}" value="#{cc.attrs.value}">
        <cc:insertChildren/>
    </h:commandLink>
</cc:implementation>
</html>

我的问题是这是一个 JSF 问题还是这里有什么问题？也许在复合组件定义中？

【问题讨论】：

您当前使用的是哪个 JSF 版本和实现？
我正在使用 Mojarra 2.1.11
#{item} 来自哪里？来自重复组件？如果有，是哪一个？
#{item} 来自#{itemVM.item}。 ItemVM 只是一个 ViewScoped 托管 bean，在这种情况下没有使用 ui:repeat。我获取该属性并使用ui:param name="item" value="#{itemVM.item}" 将其传递给item.xhtml 组合。我创建了一个 item.xhtml 组合，因为我想在几页中重用该 jsf/html 代码，因此通过将 item 作为 ui:param 传递它允许我这样做 - 直到我遇到这个问题。 /跨度>
这似乎是 JSF 错误 JAVASERVERFACES_SPEC_PUBLIC-1223。 SO 答案JSF Combine ui:param with composite component 描述了一种解决方法。

标签： jsf jsf-2 composite-component

【解决方案1】：

我和你有同样的需求，做了一个复合组件，和你一样在其中插入了带有视图参数的子元素作为属性，并且值始终为null，所以我认为这是一个JSF问题。

【讨论】：

是的，鉴于我的其他 2 种方法与 ui 参数一起工作得很好，我怀疑这是与复合组件和 ui 参数评估有关的 JSF 问题。很高兴听到我不是唯一的人，但希望它能奏效。

【解决方案2】：

尝试替换

disabled="#{user.compares[item.id] != null and itemsCtr.numOfCompares >= 100}"

与

disabled="#{user.compares[item.id] != null and itemsCtr.numOfCompares ge 100}"

【讨论】：

您介意编辑您的答案以使其更易于理解吗？
不幸的是，这是一个旧项目，我不再有上述测试可用。但是，我看不出用 'ge' 替换 '>=' 在这里会有什么不同。问题是 'item' 参数没有被解析，而逻辑评估本身在使用 '>=' 时运行良好。

【解决方案3】：

我不确定，但我想你应该尝试更换

#{user.compares[item.id]}

与

#{user.compares[item]['id']}

【讨论】：