登录
当前位置： 首页 > 面试题库 >

如何在Ajax更新/处理/渲染/执行中引用＃{cc.clientId}？

相弘方
2023-03-14
问题内容：

我不知道如何在update或process（别名render或execute）中引用复合组件的后代组件。

我有这个复合组件resources/components/crud.xhtml：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsf/composite">

    <c:interface>
        <c:attribute name="controller" required="true" />
        <c:facet name="fields" required="true"/>
    </c:interface>

    <c:implementation>

        <p:dataTable 
            id="table"
            value="#{cc.attrs.controller.autoResultModel}" 
            var="unit" 
            paginator="true" 
            rows="10" 
            lazy="true"  
            paginatorAlwaysVisible="true"
            paginatorPosition="top"
            paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
            currentPageReportTemplate="{totalRecords} records found, Page: {currentPage}/{totalPages}"
            rowsPerPageTemplate="5,10,15" 
            sortBy="#{unit.creationTime}"
            sortOrder="descending"
            selectionMode="single"
            selection="#{cc.attrs.controller.selected}">

            <p:ajax event="rowSelect" update="editDialog trashDialog table:commands"/>

            <f:facet name="header">
                <h:panelGroup id="commands" layout="block">
                    <p:commandButton id="newButton" value="new" image="ui-icon ui-icon-plusthick" oncomplete="editDialog.show()" actionListener="#{cc.attrs.controller.clearSelected()}" process="@this" update="#{cc.clientId}" />
                    <p:commandButton value="edit" image="ui-icon ui-icon-wrench" onclick="editDialog.show()" type="button" disabled="#{cc.attrs.controller.selected.id == null}"/>
                    <p:commandButton value="delete" image="ui-icon ui-icon-trash" onclick="trashDialog.show()" type="button" disabled="#{cc.attrs.controller.selected.id == null}"/>
                </h:panelGroup>
            </f:facet>

            <c:insertChildren/>

        </p:dataTable>

        <h:panelGroup id="editDialog">
            <p:dialog modal="true" widgetVar="editDialog" showEffect="fold" hideEffect="puff">

                <f:facet name="header">
                    <h:outputText value="#{bundle['create']}" rendered="#{cc.attrs.controller.selected.id == null}"/>
                    <h:outputText value="#{bundle['update']}" rendered="#{cc.attrs.controller.selected.id != null}"/>
                </f:facet>

                <h:panelGroup layout="block">

                    <c:renderFacet name="fields"/>

                    <br/>

                    <p:commandButton value="#{bundle['create']}" actionListener="#{cc.attrs.controller.create}" process="editDialog" update="table" oncomplete="closeDialog(xhr, status, args, editDialog)" rendered="#{cc.attrs.controller.selected.id == null}"/>
                    <p:commandButton value="#{bundle['update']}" actionListener="#{cc.attrs.controller.update}" process="editDialog" update="table" oncomplete="closeDialog(xhr, status, args, editDialog)" rendered="#{cc.attrs.controller.selected.id != null}"/>
                    <p:commandButton value="#{bundle['copy']}" actionListener="#{cc.attrs.controller.create}" process="editDialog" update="table" oncomplete="closeDialog(xhr, status, args, editDialog)" rendered="#{cc.attrs.controller.selected.id != null}">
                        <f:setPropertyActionListener target="#{cc.attrs.controller.selected.id}" value="#{null}"/>
                    </p:commandButton>
                </h:panelGroup>

            </p:dialog>

        </h:panelGroup>

        <p:dialog modal="true" header="asdasd" widgetVar="trashDialog" hideEffect="explode" showEffect="explode"> 
            <h:panelGroup id="trashDialog" layout="block">
                <h:outputText value="#{bundle['trashconfirm']}">
                    <f:param name="name" value="#{cc.attrs.controller.selected.name}"/>
                </h:outputText>
            </h:panelGroup>

            <p:commandButton value="#{bundle['confirm']}" actionListener="#{cc.attrs.controller.destroy}" process="@this" update="table" oncomplete="closeDialog(xhr, status, args, trashDialog)"/>
        </p:dialog>
    </c:implementation>
</html>

通过此页面调用test.xhtml：

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


    <h:head>
        <title>Default Title</title>
        <h:outputStylesheet name="css/screen.css"/>
        <h:outputScript name="js/common.js"/>
    </h:head>

    <h:body>

        <p:growl id="messages" autoUpdate="true"/>

        <h:form id="itemForm">

            <cc:crud id="itemCrud" controller="#{itemController}">

                <f:facet name="fields">
                    <h:panelGrid columns="3">
                        <h:outputLabel value="manufacturer" for="manufacturer"/>
                        <p:selectOneMenu id="manufacturer" value="#{itemController.selected.manufacturer}" converter="#{manufacturerController.converter}">
                            <f:selectItems value="#{manufacturerController.facade.findAll()}" var="e" itemLabel="#{e.title}" itemValue="#{e}"/>
                        </p:selectOneMenu>
                        <p:message for="manufacturer"/>

                        <h:outputLabel value="partNumber" for="partNumber"/>
                        <p:inputText id="partNumber" value="#{itemController.selected.partNumber}"/>
                        <p:message for="partNumber"/>

                        <h:outputLabel value="configurationIndex" for="configurationIndex"/>
                        <p:inputText id="configurationIndex" value="#{itemController.selected.configurationIndex}"/>
                        <p:message for="configurationIndex"/>
                    </h:panelGrid>
                </f:facet>

                <p:column headerText="#{bundle['manufacturer']}" filterBy="#{unit.manufacturer.title}" sortBy="#{unit.manufacturer.title}">
                    #{unit.manufacturer.title}
                </p:column>

                <p:column headerText="#{bundle['partNumber']}" filterBy="#{unit.partNumber}" sortBy="#{unit.partNumber}">
                    #{unit.partNumber}
                </p:column>

                <p:column headerText="#{bundle['configurationIndex']}" filterBy="#{unit.configurationIndex}" sortBy="#{unit.configurationIndex}">
                    #{unit.configurationIndex}
                </p:column>

                <p:column headerText="#{bundle['modifyStatus']}" filterBy="#{unit.modifyStatus}" sortBy="#{unit.modifyStatus}">
                    #{unit.modifyStatus}
                </p:column>

                <p:column headerText="#{bundle['description']}" filterBy="#{unit.description}" sortBy="#{unit.description}">
                    #{unit.description}
                </p:column>

            </cc:crud>

        </h:form>
    </h:body>
</html>

我有这个输出：

AVVERTENZA: PWC4011: Unable to set request character encoding to UTF-8 from context /epcsdb, because request parameters have already been read, or ServletRequest.getReader() has already been called
INFO: Skipping call to libraryExists().  Please set context-param com.sun.faces.enableMissingResourceLibraryDetection to true to verify if library http://java.sun.com/jsf/composite/components actually exists
INFO: Cannot find component with identifier "itemForm:itemCrud:table:newButton" in view.
INFO: Cannot find component with identifier "itemForm:itemCrud" in view.
INFO: Cannot find component with identifier "editDialog" in view.
INFO: Cannot find component with identifier "trashDialog" in view.
INFO: Cannot find component with identifier "itemForm:itemCrud:j_idt34" in view.

结果是没有任何ajax调用更新任何组件。我不明白为什么找不到“
itemForm：itemCrud：table：newButton”。仅用引用process="@this"。

我正在使用primefaces 3.0.RC1-SNAPSHOT和Mojarra 2.1.3_01。


问题答案：

您需要在绝对客户端ID前面加上NamingContainer默认的分隔符:。

update=":#{cc.clientId}"


 类似资料：
  • JSF Ajax在更改时重新渲染

    我正在尝试获得一个h:textInput以在更改时重播，我已经用a4j:ajax和f:ajax进行了尝试。 使用a4j:ajax时： 这在面板第一次更新后第一次起作用，它停止更新modell，并且监听器也没有被调用。但是，会触发渲染，从而显示旧值。 现在，当我用f:ajax替换a4j:ajax时，我得到一条错误消息，即在xyzInput中找不到id xyzPG。 当我尝试将重新渲染限制为input

  • Ajax更新/渲染在具有渲染属性的组件上不起作用

    我试图用ajax更新一个有条件渲染的组件。 但是，这不起作用。我可以保证实际上是可用的。这是如何造成的，我如何解决它？

  • 如何执行级联JPA/TopLink批处理更新

    背景 我有一个需要实现的JPA级联批处理更新的问题。更新将使用大约10000个对象，并将它们一次合并到数据库中。对象的平均深度为5个对象，平均大小约为3 kb。持久提供程序是Oracle Toplink 使用TopLink自己的API（我没有任何经验） 所以我有几个问题 我会通过使用JPQL来减少标准合并的开销吗？如果我没有理解错的话，合并会导致整个对象树在被调用之前被克隆。是不是真的更快了？有什

  • 在 After Effects 中自动执行渲染和网络渲染

    使用 aerender 自动渲染 可执行文件 aerender.exe 是具有命令行接口的程序，可用于自动执行渲染。该可执行文件与主 After Effects 应用程序位于同一文件夹中。此文件的默认位置为： Windows：\Program Files\Adobe\Adobe After Effects CC\Support Files Mac OS：/Applications/Adobe Af

  • 在事件处理程序内进行setState调用后，React何时重新渲染

    问题内容： 从React DOCS： https://reactjs.org/docs/state-and- lifecycle.html 状态更新可能是异步的 React可以将多个setState（）调用批处理到单个更新中以提高性能。 这是完全合理的。如果您具有类似下面的功能，则在每次调用时重新渲染效率很低 因此，在上述情况下，我期望React将所有3个调用分批处理成一个单独的重新渲染。而它确实

  • useState（）执行双重渲染

    我在函数组件中使用useState（），第一个渲染调用两次。这是正确的还是错误的？如果正确，为什么渲染两次？setCount也会渲染组件两次。 谢啦

相关阅读

如何更快地渲染Mandelbrot集？在Angular JS中更新URL而不重新渲染视图Ajax渲染在SelectBooleanCheckbox上不起作用在Spring MVC中渲染视图时如何处理抛出的异常？如何在ReactJs中渲染口音？

相关文章

JDBC PrepareStatement对象执行批量处理实例JDBC Statement对象执行批量处理实例Spring 工厂的后置处理器的执行图形/游戏引擎/渲染方向面试问题总结JVM 执行引擎（Execution Engine）

相关问答

javascript - 如何在Vue.js中处理异步数据加载和渲染?PrimeFaces SelectOneMenu ajax渲染如果路径更改，如何重新渲染组件？如何在JFrame中使用bufferedimage进行图像渲染？如何更快地渲染Mandelbrot集？

相关工具

Cheney程序更新管理器逐行刷新式更换UIImageAndroid 自动更新Demo数据库处理框架实时更新的曲线图

相关文档

Vue.js 服务器端渲染指南Python 文本处理PyTorch 自然语言处理Python 自然语言处理AJAX 中文教程
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.