EL 中的#{component} 到底是什么？

Question

根据https://code.google.com/p/primefaces/issues/detail?id=4720，ComponentUtils.resolveWidgetVar(String expression, UIComponent component) 函数自 2013 年起在 Primefaces 中可用。它可以通过 "#{p:widgetVarFromContext(searchExpression, component)}" 函数在 EL 中使用。

这在多个组件在不同NamingContainer 中具有相同 id 但仍存在于同一视图中的情况下很有用。在这种情况下， #{p:widgetVar(searchExpression)} 函数只返回找到的最后一个。

但是我不明白如何引用必须作为第二个参数从 EL 传递的UIComponent。上面提到的错误报告建议我们可以使用#{component} 来引用它。谁能给我一个例子？

Answer 1

#{component} 是一个隐式 EL 变量，它在 EL 范围内引用 current UIComponent（另请参见 implicit EL objects）。您通常只能在组件的 HTML 属性或模板文本子项中引用它。

例如在<h:inputText> 的情况下，它将引用UIInput 类的实例，该类具有isValid() 方法等。

<h:inputText id="foo" required="true"
    style="background: #{component.valid ? '' : 'pink'}"
    onclick="alert('Client ID of this component is #{component.clientId}');" />

您也可以使用binding 属性让JSF 在视图构建期间将对Facelet 范围内的组件实例的引用。这样，组件引用将在视图渲染期间在 Facelet 中的任何位置可用。

<script>alert('Client ID of foo component is #{foo.clientId}');</script>
<h:inputText binding="#{foo}" />

另见：

• Difference between client id generated by component.clientId and p:component()
• JSF component binding without bean property
• How does the 'binding' attribute work in JSF? When and how should it be used?

Answer 2

p:widgetVarFromContext 在引用复合组件内的 PrimeFaces 小部件时很有用。同一页面上可能有多个组件实例。所以写widgetVar="expression" 和PF('expression') 是不可能的。会有多个同名的小部件。那么最好省略widgetVar 属性并使用生成的唯一属性，因为它基于clientId。

您不能在<cc:implementation> 中使用#{p:widgetVar('expression')}，因为它会导致Cannot find component for expression "expression" referenced from "j_id1" 错误，而不是预期的PF('widget_expression')。

但是您可以使用#{p:widgetVarFromContext('expression', cc)}，它将返回类似PF('widget_wrapperform_compositecomponent1_expression') 的内容。 cc 指的是复合组件实例的根。