jsf - Primefaces p :dialog not working from p:commandLink onComplete-6ren

jsf - Primefaces p :dialog not working from p:commandLink onComplete

转载作者：行者123 更新时间：2023-12-04 01:22:30

早些时候，当我在其上定义的 widgetVar 上执行 .show() 时，我的 p:dialog 被正确调用。但最近在进行更新后它停止工作并且我在浏览器中收到此错误:

网页错误详情:

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; MS-RTC LM 8)
Timestamp: Fri, 28 Mar 2014 04:04:49 UTC


Message: Object doesn't support this property or method
Line: 12
Char: 4302
Code: 0
URI: http://localhost:8282/OMNIVue/javax.faces.resource/primefaces.js.jsf?ln=primefaces


Message: Object doesn't support this property or method
Line: 16
Char: 1
Code: 0
URI: http://localhost:8282/OMNIVue/orders/orderSearch.jsf


Message: Could not complete the operation due to error 80020101.
Line: 81
Char: 17
Code: 0
URI: http://localhost:8282/OMNIVue/javax.faces.resource/jsf.js.jsf?ln=javax.faces&stage=Development


Message: 'confirmation' is undefined
Line: 83
Char: 1
Code: 0
URI: http://localhost:8282/OMNIVue/orders/orderSearch.jsf


Message: 'confirmation' is undefined
Line: 83
Char: 1
Code: 0
URI: http://localhost:8282/OMNIVue/orders/orderSearch.jsf

我有一个这样的主页，我在其中定义了我的对话框。

<!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:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:mdw="http://www.qwest.com/mdw/jsf"
    xmlns:mwt="http://www.centurylink.com/mwt/jsf"
    xmlns:q="http://www.qwest.com/mdw/jsf"
    xmlns:p="http://primefaces.org/ui"
    xmlns:fn="http://java.sun.com/jsp/jstl/functions">

<ui:composition>
 <script language="javascript" type="text/javascript">
    function solutionButtonClickHandler(){
        #{rich:component('addSolutionDlg')}.show(); 
        document.getElementById('addSolutionId').setAttribute('disabled', 'disabled');
    }

    function removeSearchParam(checkbox){
        var parentDiv = checkbox.parentNode;
        parentDiv.style.display = "none";
    }
    function displayErrorDialog(status){
        if(status == 'taskSelectedError'){
        #{rich:component('addSolutionTaskErrorDlg')}.show();
        }
    }
    function disableButtons(){
        if(document.getElementById('addSolution') != null)
            document.getElementById('addSolution').setAttribute('disabled', 'disabled');
        if(document.getElementById('escalateWorkItemTask') != null)
            document.getElementById('escalateWorkItemTask').setAttribute('disabled', 'disabled');
    }

    function removeEscalation(escalationId, taskInstanceId, taskId){
        if(document.getElementById('escalationid') != null)
            document.getElementById('escalationid').value = escalationId;
        if(document.getElementById('taskinstanceid') != null)
            document.getElementById('taskinstanceid').value = taskInstanceId;
        if(document.getElementById('taskid') != null)
            document.getElementById('taskid').value = taskId;
    }

    function redirectToActivityCenter(taskId){
        if(document.getElementById('taskid') != null)
            document.getElementById('taskid').value = taskId;
    }


  </script>
<rich:panel id="detailPanel" styleClass="floatL iconbdrNone bgcTransparent w790P "
            rendered="#{filterManager.orderFilter.showSearchPanel}">  
    <!-- <br style="background-color:white;" />      -->
  <h:form id="selectedParamForm" prependId="false"> 
   <h:inputHidden id="orderRefreshSubmit" forceId="true" value="false" />       
            <rich:collapsiblePanel styleClass="marLmin1 iconbdrNone W788P"  id="selectedSearchParams" 
                                   header="Selected Search Parameters" 
                                   switchType="client"
                                   expanded="#{orderSearchMenuBean.expandSearchParameters}" 
                                   rendered="#{filterManager.orderFilter.showSearchPanel}">
                <!-- <table style="margin-left: 10px; padding-top: 10px; padding-bottom: 25px;"> -->
                <table class="wrapperW100P" >
                    <ui:repeat var="searchParams" 
                               value="#{filterManager.orderFilter.selectedSearchParameters}" 
                               varStatus="serachParamsStatus">
                        <tr>
                            <ui:repeat var="searchParam" 
                                       value="#{searchParams}" 
                                       varStatus="status">
                                <td>
                                    <div style="margin-right:39px;">

                                        <h:selectBooleanCheckbox styleClass="floatL"
                                            value="#{filterManager.orderFilter.searchParamCheckbox}"
                                            label="#{searchParam.label}"  
                                            valueChangeListener="#{ordersListActionController.refreshOrders}" 
                                            onclick=" removeSearchParam(this); document.getElementById('orderRefreshSubmit').value='true'; ">
                                            <a4j:ajax event="change" execute="@this"  
                                                render="orderFilterPanel orderDetailPanel orderMessage " />

                                            <h:inputHidden value="#{searchParam.label}" />
                                        </h:selectBooleanCheckbox>

                                        <h:outputLabel value="#{searchParam.label}" styleClass="font floatL marT2"/>
                                        <!-- <br style="background-color:white;" /> -->
                                        <h:outputLabel value="#{searchParam.value}" styleClass="font floatL clearL marL20"/>
                                    </div>
                                </td>
                            </ui:repeat>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <h:graphicImage value="../images/param_line.png"  styleClass="wrapperW100P height1P"/>
                            </td>
                        </tr>
                    </ui:repeat>
                </table>
            </rich:collapsiblePanel>

            <a4j:outputPanel ajaxRendered="true">
                <a4j:status onstart="#{rich:component('refreshOrders')}.show()"
                            onstop="#{rich:component('refreshOrders')}.hide()">
                </a4j:status>
           </a4j:outputPanel>

            <rich:popupPanel id="refreshOrders" autosized="true" domElementAttachment="parent">
                <h:panelGrid style="text-align:center !important;">

                    <h:graphicImage styleClass="floatL marL81" value="../images/loading.gif"/>
                    <h:outputText value="Please wait while the search refreshes" styleClass="font floatL clearL"></h:outputText>
                    <h:commandLink value="Cancel" onclick="#{rich:component('refreshOrders')}.hide()"
                    styleClass="green_addMoreLink floatL clearL marL81"/>
                </h:panelGrid>
            </rich:popupPanel>
    </h:form>
    <br style="background-color:white;" />
 <h:form id="ordSearchList" prependId="false">

                <mwt:expandableRowList id="ordersLst" listId="#{filterManager.orderFilter.dynamicListId}"
                listEntity="#{listManager.getMyOrders(filterManager.orderFilter.dynamicListId)}"
                label="Records"/>

            <p:dialog modal="true" widgetVar="confirmation" style="background:white !important;" closable="true" 
            header="Cancel Device Build Order" styleClass="stylePDialogHeader" width="500" id="confGirish" appendToBody="true">
                <h:panelGroup styleClass="wrapperW100P">
                    <h:outputText
                        value="Canceling device build order will cancel all new devices and Ethernet bearers associated to this request, and release all reserved ports. Do you wish to continue ? "
                        styleClass="font floatL" />
                    <h:panelGroup styleClass="floatR">
                    <a4j:commandButton value="Yes"
                        styleClass="cmdButton marL5 marR5 clearL"
                        action="#{orderListScopeActionCtrl.cancelDeviceBuildOrder}"
                        oncomplete="if(#{orderListScopeActionCtrl.displayPortAssignmentErrorDialog}){confirmation.hide();portassignment.show(); return false;}else if(#{orderListScopeActionCtrl.displayCancelSuccessDialog}){confirmation.hide();successDialog.show();return false;}else {confirmation.hide();errorCancelDialog.show();return false;}">
                    </a4j:commandButton>
                    <!-- Yes button onclick="if(#{orderListScopeActionCtrl.orderToCancelHasNIDDeviceStatus}){portassignment.show(); return false;}" -->
                    <h:commandButton value="No"
                        onclick="confirmation.hide();return false;"
                        styleClass="cmdButton marL5 clearL">
                    </h:commandButton>
                    </h:panelGroup>
                </h:panelGroup>             
            </p:dialog>

            <p:dialog header="Cancel Device Build Order" modal="true" widgetVar="successDialog" closable="true"
            style="background:white !important;" styleClass="stylePDialogHeader1" width="500">
                <h:panelGroup>
                    <h:outputText
                        value="Cancellation Process is initiated in DSP successfully."
                        styleClass="font floatL" />
<!--                <h:commandButton value="OK"
                        onclick="successDialog.hide();return false;"
                        styleClass="cmdButton floatR marL5 clearL">
                    </h:commandButton> -->
                    <!-- action="#{orderListScopeActionCtrl.refreshPageAfterUpdate}" -->
                    <a4j:commandButton value="OK"
                        styleClass="cmdButton floatR marL5 clearL"
                        action="#{orderListScopeActionCtrl.updateOrderStatusAndRefresh}"
                        oncomplete="successDialog.hide();return false;">
                    </a4j:commandButton>
                </h:panelGroup>
            </p:dialog>

            <p:dialog header="Confirm Cancel Device Build Order" modal="true" widgetVar="portassignment" closable="true"
            style="background:white !important;" styleClass="stylePDialogHeader1" width="500">
                <h:panelGroup>
                    <h:outputText
                        value="There are UNI/ENNIs assigned to ports on NID device. Please remove UNI/ENNIs and try again."
                        styleClass="font floatL" />
                    <h:commandButton value="OK"
                        onclick="portassignment.hide();return false;"
                        styleClass="cmdButton floatR marL5 clearL">
                    </h:commandButton>
                </h:panelGroup>
            </p:dialog>

            <p:dialog header="Cancel Device Build Order" modal="true" widgetVar="errorCancelDialog" closable="true"
            style="background:white !important;" styleClass="stylePDialogHeader1" width="500">
                <h:panelGroup>
                    <h:outputText
                        value="Some error occured during Cancellation Process in DSP. Please try later."
                        styleClass="font floatL" />
                    <h:commandButton value="OK"
                        onclick="errorCancelDialog.hide();return false;"
                        styleClass="cmdButton floatR marL5 clearL">
                    </h:commandButton>
                </h:panelGroup>
            </p:dialog>

            <ui:include src="escalationDlg.xhtml" />
            <ui:include src="addSolutionDlg.xhtml" />
            <h:inputHidden id="escalationid" value="#{ordersListActionController.escalationId}"></h:inputHidden>
            <h:inputHidden id="taskid" value="#{ordersListActionController.taskId}"></h:inputHidden>
            <h:inputHidden id="taskinstanceid" value="#{ordersListActionController.taskInstanceId}"></h:inputHidden>
    </h:form>
</rich:panel>
</ui:composition>   
</html>

我正在通过 p:commandLink 从复合组件 xmlthml 调用这些对话框:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!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:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui" 
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:mdw="http://www.qwest.com/mdw/jsf"
    xmlns:mwt="http://www.centurylink.com/mwt/jsf"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head></h:head>
<ui:composition>
        <script type="text/javascript" src="#{request.contextPath}/script/listSupport.js"/>

        <rich:panel styleClass="ordsearchDetail  iconbdrNone floatL " headerClass="headerBGWhite" >
        <f:facet name="header">
        <h:outputText value="Search Results" ></h:outputText>

        </f:facet>
        <div class="clearB"></div>
        <h:panelGroup styleClass="marT5">
                    <h:graphicImage value="../images/divider_line.png"></h:graphicImage></h:panelGroup>
                <h:panelGroup id="#{listId}_dataTablePanelGrid"
            rendered="#{rendered == null ? true : rendered}" columns="1"
            width="100%" cellpadding="0" cellspacing="0">

            <p:dataTable value="#{listEntity.items}" 
                id="#{listId}"
                var="listItem"
                rowIndexVar="rowIdxVar"
                style="#{webUtil.ie ? 'border-collapse:collapse;' : ''};"
                styleClass="mdw_ORD_upperLine bdrC3C3C3" 
                rows="#{listEntity.displayRows}" 
                cellspacing="0"
                width="750px"
                emptyMessage="Item(s) requested cannot be found" 
                lazy="true"
                first="#{listEntity.firstRow}" 
                paginator="true" 
                paginatorPosition="top"
                currentPageReportTemplate="#{label == null ? listEntity.name : label} ({startRecord} - {endRecord} of {totalRecords})"
                paginatorTemplate="{CurrentPageReport} {FirstPageLink}  {PreviousPageLink}  {NextPageLink}  {LastPageLink}">



                <p:columns value="#{listEntity.headerList}" var="colHeader"
                    columnIndexVar="colIdx" sortBy="#{listItem[colHeader.attribute]}" headerText="#{colHeader.label}" rendered="#{not empty listEntity.headerList}">
                    <f:facet name="header">

                        <h:selectBooleanCheckbox
                            rendered="#{listEntity.hasItems &amp;&amp; colHeader.checkbox &amp;&amp; colHeader.linkAction != 'removeWorkItemEscalation'}"
                            onclick="#{userRole == null?'':'selectAllOrders(this.form, this.checked);enableDisableAddWorkItem(this.form, this.checked);enableDisableAddSolution(this.form, this.checked);enableDisableEscalate(this.form, this.checked);'}"/>


                        <h:outputText id="#{listId}_header"
                            rendered="#{!colHeader.checkbox}" value="#{colHeader.label}"
                            immediate="true">
                        </h:outputText>

                    </f:facet>



                <p:commandLink actionListener="#{listEntity.performLinkAction(colHeader)}" 
                        rendered="#{colHeader.commandLink &amp;&amp; colHeader.linkAction != 'removeWorkItemEscalation' &amp;&amp; colHeader.linkAction == 'orderCancellation' &amp;&amp; listItem.cancelOrder}"
                        disabled="#{listItem.disabledOrder}" update="@form" process="@form" oncomplete="confirmation.show();"
                        title="Cancel Device Build Order" styleClass="#{listEntity.getStyleClass(colHeader)} mdw_listLinks">
                        <h:graphicImage value="#{colHeader.valueImage}" styleClass="marLR10 iconbdrNone"></h:graphicImage>
                        <f:setPropertyActionListener 
                        target="#{orderListScopeActionCtrl.orderToCancelHasNIDDeviceStatus}" value="#{listItem.cancelOrderNICDeviceStatus}"/>
                        <f:setPropertyActionListener 
                        target="#{orderListScopeActionCtrl.orderDeviceClli}" value="#{listItem.clliCode}"/>
                        <f:setPropertyActionListener 
                        target="#{orderListScopeActionCtrl.orderDeviceName}" value="#{listItem.deviceName}"/>   
                </p:commandLink>



        </rich:panel>
</ui:composition>
</html>

最佳答案

试试

oncomplete="PF('confirmation').show()"

关于jsf - Primefaces p :dialog not working from p:commandLink onComplete，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22704568/

文章推荐： jquery-mobile - 动态更改 jquery 移动色板

文章推荐： time - 从 1900 年 1 月 1 日到 Unix 纪元开始的秒数

angular - 和不被识别，但和被识别
使用的浏览器 - Chrome 67.0.3396.99 我创建了一个 DialogsModule它有一个组件 ConfirmDialog.component.ts使用以下模板 confirm-dia
dialog - Electron dialog.showOpenDialog没有运行回调
我一直在尝试制作一个简单的程序来使用Electron创建和读取文件。到目前为止，我已经尝试了很多，并且似乎没有提供与dialog.showOpenDialog一起提供的回调函数。 dialo
dialog - Angular6 Material Dialog 在按回车键时阻止关闭
我有一个登录对话框，想防止它在按下回车键时自动关闭。更具体地说，当用户输入凭据并按下回车键时，凭据的响应返回错误，我希望对话框保留(这样我就可以向他们显示一些错误消息，让用户再试一次) . 这就是我
jQuery Dialog : What is a jQuery dialog, 它是一个单独的网页还是现有网页的一部分？
Jquery对话框的含义是什么:它是单独的网页还是网页的一部分？ (我不太了解 Jquery)。谢谢最佳答案 jQuery 对话框将出现在页面上方，但它实际上是当前页面的一部分。当您加载对话框时，
dialog - 当用户退出 xe :dialog 时捕获
当用户退出 xe:dialog 时，我需要做一些清理工作。我将代码放在 onUnload 事件中，如下所示: viewScope.remove("vsSomeVariable"); viewScope
dialog - Dojo Dijit Dialog 相对位置。是否可以？
我想相对于我的 html 元素之一定位 Dojo 的 Dijit 对话框。是否可以？如是。如何？目前它总是在视口(viewport)中间显示对话框。有人可以帮我解决这个问题吗？谢谢。 amar
dialog - 打开目录时在 Electron Dialog/showOpenDialog 中显示文件
即使属性设置为“openDirectory”，是否也可以在 showOpenDialog 中显示文件？当然，文件不应该是可选的，但可能会显示为灰色。所以用户知道他选择了正确的目录。在 OSX 上一切正
dialog - 安卓 : Custom bottom sheet dialog
如何使用 android 标准组件 Bottom Sheet 单实现以下设计功能: 出现 Bottom Sheet 对话框片段时的图像: 用户向上滚动以查看内容底部时的图像: 我将使用 ViewPag
user-interface - Win32 图形用户界面 : dialog in dialog
我刚开始使用对话框，我非常喜欢在资源文件中定义布局的可能性。但是是否可以设置一个对话框并将其嵌入到另一个对话框中(即没有 float 对话框)？对于普通窗口，我创建了一个带有一个子窗口的主窗口。然后
dialog - CSS 变量在 dialog::backdrop 中不起作用
我正在尝试更改 dialog 的背景颜色元素的 backdrop使用自定义 CSS 属性，但不需要。这是 Chrome 中的错误还是有原因？ document.querySelector('dialo
dialog - dialog.showMessageBoxSync(null，options)被隐藏
我有一个 Electron 应用程序。如果我通常使用dialog.showmessageBoxSync，则必须等待用户输入。选项为:关闭，取消或确定。它工作正常，但是如果我在对话框外部(应用程序内的
aurelia-dialog - Aurelia Dialog 在对话框返回之前运行 'then'
我有一个启动确认对话框的 View ，但代码不是等待对话框返回结果，而是直接跳转到 promise 的“then”部分。请参阅下面的代码: ConfirmDialog.ts import { inje
aurelia-dialog - Aurelia Dialog 在对话框返回之前运行 'then'
我有一个启动确认对话框的 View ，但代码不是等待对话框返回结果，而是直接跳转到 promise 的“then”部分。请参阅下面的代码: ConfirmDialog.ts import { inje
dialog - MonoTouch.Dialog 的 OwnerDrawnElement 突出显示不起作用
我正在使用 MonoTouch.Dialog 的 OwnerDrawnElement，但它似乎不允许用户在触摸屏幕时“突出显示”单元格。我查看了示例，但它没有显示突出显示。有什么建议么？我注意到 T
jquery - 这个选择器选择 "#dialog:ui-dialog"是什么？
此选择器在 http://jqueryui.com/demos/dialog/#modal-confirmation 中引用(源代码)。 $( "#dialog:ui-dialog" ).dialog
Android - 为什么 Dialog 不会关闭 dialog.dismiss()
我有一个奇怪的问题。当 Activity 开始时，我会显示一个对话框，说明某些项目正在加载，如下所示: Dialog dialog; @Override public void onCreate(Bu
jquery - .dialog ("close") 和 .dialog ("destroy") 之间的区别
jquery-ui 中 .dialog("close") 和 .dialog("destroy") 有什么区别？我有一个脚本，以前的开发人员使用了 .dialog("destroy") 但现在我必须
android - 使用扩展 Theme.Dialog 的自定义主题删除 Dialog 上的灰色背景
我正在使用 Acengage (Ad4Push)，我想自定义它的对话框。 Acengage 团队说可以使用自定义主题更改对话框样式，我做到了。我可以更改 textSize、textColor、wind
monotouch.dialog - 将 Monotouch.Dialog 添加到标准 View
我有一个标准 View ，顶部有一个导航栏。我还在它自己的源文件中设置了一个 Monotouch.Dialog。我四处寻找解决方案，但似乎找不到关于如何将 MTD 添加到普通 View 的明确答案。
javascript - 如何在 md-dialog 上叠加 md-dialog
我试图从一个打开的 md-dialog 中打开一个 md-dialog，但问题是第一个 md-dialog 在第二个打开时关闭了 // the controller of the first popU

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

jsf - Primefaces p :dialog not working from p:commandLink onComplete