时间戳

首页 > 解决方案 > EL作为属性传递给数据表内的复合组件时未解析

jsf - EL作为属性传递给数据表内的复合组件时未解析

问题描述

我遇到了一个问题，即在复合组件的初始化时没有解决 EL 表达式。这是代码：

<p:column sortable="false" toggleable="false" width="20%">
    <div styleClass="panelActions">
    <div styleClass="btn_view_documents">
            <w:commandButton buttonType="text" value="#{msg.lbl_quick_view}"
                id="viewerDocument"
                isDefault="true"
                onclick="IB_#{dataItemForIB.document.documentId}_Viewer();"
                ajax="false">
                 <f:param name="documentId" value="#{dataItemForIB.document.documentId}"/>
                <tags:documentViewerLoader 
                    id="#{'IB_'.concat(dataItemForIB.document.documentId).concat('_Viewer')}"
                    documentId="#{dataItemForIB.document.documentId}" 
                    documentViewerId="DocViewer"
                    mainPanelId="XXXX"
                    processDocumentLoad="#{SomeBean.someMethod()}"
                 />
            </w:commandButton>

这是组件声明：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition 
xmlns="http://www.w3.org/1999/xhtml" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets" 
xmlns:c="http://java.sun.com/jsp/jstl/core" 
xmlns:p="http://primefaces.org/ui" 
xmlns:w="http://xxx.xxx.xxx/w/components"
xmlns:composite="http://java.sun.com/jsf/composite">

<composite:interface shortDescription="Callable command for load document">
    <composite:attribute name="id" default="defaultDocumentLoader"/>
    <composite:attribute name="documentId" type="java.lang.String"/>
    <composite:attribute name="documentViewerId" type="java.lang.String"/>
    <composite:attribute name="mainPanelId" type="java.lang.String"/>
    <composite:attribute name="isCrop" type="java.lang.String" default="false"/>
    <composite:attribute name="processDocumentLoad" method-signature="void action()"/>
</composite:interface>

<composite:implementation>
    <script>
        #{cc.attrs.id} = function(){
            DocViewer_quickViewCached(
                    '#{cc.attrs.id}',
                    '#{view.locale.language}', 
                    '#{cc.attrs.mainPanelId}', 
                    '#{cc.attrs.documentId}',
                    '#{cc.attrs.isCrop}');
        }
    </script>
    
    <p:commandButton 
        style="display:none" 
        action="#{cc.attrs.processDocumentLoad}" 
        ajax="true" 
        oncomplete="DocViewer_quickViewNoCached('#{cc.attrs.id}','#{view.locale.language}', '# 
{cc.attrs.documentId}', '#{cc.attrs.mainPanelId}', '#{cc.attrs.isCrop}', xhr, status,args)" 
        widgetVar="#{cc.attrs.id}_documentLoadInvocator">
        <f:param name="id" value="#{cc.attrs.id}"/>
        <f:param name="documentId" value="#{cc.attrs.documentId}"/>
    </p:commandButton>
</composite:implementation>

</ui:composition>

这是 HTML 输出：

<script>
    IB__Viewer = function(){
        DocViewer_quickViewCached(
                'IB__Viewer',
                'en', 
                'XXXX', 
                'id00000001336875',
                'false');
    }
</script>
        


<button id="XXXX:tbl_groupType_IB:0:IB__Viewer:j_idt46395" 
name="XXXX:tbl_groupType_IB:0:IB__Viewer:j_idt46395" class="" onclick="PrimeFaces.ab({s:"XXXX:tbl_groupType_IB:0:IB__Viewer:j_idt46395",onco:function(xhr,status,args){DocViewer_quickViewNoCached('IB__Viewer','en', 'id00000001336875', 'XXXX:mainPanel', 'false', xhr, status,args);},pa:[{name:"id",value:"IB__Viewer"},{name:"documentId",value:"id00000001336875"}]});return false;" style="display:none" type="submit" role="button" aria-disabled="false">
    <span class="ui-button-text ui-c">ui-button</span>
</button>


<button id="XXXX:tbl_groupType_IB:0:viewerDocument" name="XXXX:tbl_groupType_IB:0:viewerDocument" 
class="b-button-medium primary" onclick="IB_id00000001336875_Viewer();" type="button" role="button" 
aria-disabled="false">
    <span class="ui-button-text ui-c">View</span>
</button>

这里的问题是 DocumentsViewerLoader 的 ID 属性没有解决

id="#{'IB_'.concat(dataItemForIB.document.documentId).concat('_Viewer')}"

而它下面的一行确实在属性中解决了它

documentId="#{dataItemForIB.document.documentId}"

因此脚本如您在上面看到的那样呈现，而不是

IB_SomeDocumentID_Viewer = function(){
        DocViewer_quickViewCached(
                'IB_SomeDocumentID_Viewer',
                'en', 
                'XXXX', 
                'id00000001336875',
                'false');

我尝试了很多事情：

id="IB_#{dataItemForIB.document.documentId}_Viewer" 
id="#{'IB_'.concat(dataItemForIB.document.documentId).concat('_Viewer')}" 

<c:set var="docId" value="IB_#{dataItemForIB.document.documentId}_Viewer" />
id="#{docId}"

甚至使用数据表的 rowIndexVar 属性，但它们都不起作用。

在问这个问题之前还阅读了很多问题，但没有一个与这个问题有关。我最初的猜测是它与 JSF 生命周期有关，但我不明白为什么相同的确切表达式在属性“documentId”上得到了很好的解析，而不是在“id”中。

有人可以帮忙吗？

标签： jsfprimefacesjstlcomposite-component

解决方案

最后，问题似乎出在属性“id”本身的名称上。

经过几次测试，我得到了这个堆栈跟踪：

java.lang.IllegalArgumentException: Empty id attribute is not allowed
    at javax.faces.component.UIComponentBase.validateId(UIComponentBase.java:581)
    at javax.faces.component.UIComponentBase.setId(UIComponentBase.java:413)
    at com.sun.faces.facelets.tag.jsf.ComponentTagHandlerDelegateImpl.assignUniqueId(ComponentTagHandlerDelegateImpl.java:442)
    at com.sun.faces.facelets.tag.jsf.ComponentTagHandlerDelegateImpl.apply(ComponentTagHandlerDelegateImpl.java:179)

正如您在组件的 xhtml 中看到的，ID 属性不是强制性的，似乎它试图验证它，就好像它是 UIComponent 的 ID，所以我决定将属性重命名为“loaderId”并解决了.

我仍然不清楚为什么会发生这种情况，因此任何进一步的解释都受到好评。

谢谢你的时间@Selaron

PS：这是我第一次回答我自己的问题，如果版主认为这应该放在评论中，请随时编辑或让我知道。

推荐阅读