PrimeFaces是一个JSF(Java Server Faces)组件库,附带了大量丰富的组件,这些组件利用了jQuery和jQuery UI。它支持jQuery UI ThemeRoller CSS框架和FontAwesome图标集。请注意,此标签不应与[PrimeNG]结合使用。
我一直在使用 primefaces,工作表组件满足了我完成工作所需的大部分要求,做了一些研究并添加了上下文菜单和其他功能,但是我的...
我有一个像这样的选择列表: 高级 我有一个像这样的选项列表: <div class="card"> <h5>Advanced</h5> <p:pickList id="pojoPickList" value="#{pickListView.countries}" var="country" itemValue="#{country}" itemLabel="#{country.name}" converter="#{countryConverter}" labelDisplay="inline" > <f:facet name="sourceCaption">Available</f:facet> <f:facet name="targetCaption">Starting</f:facet> <p:ajax event="transfer" listener="#{pickListView.onTransfer}" update="msg"/> <p:column style="width:94%"> <div class="flex align-items-center"> <span class="flag flag-#{country.code} mr-2" style="width: 30px; height: 20px" /> <h:outputText value="#{country.name}"/> </div> </p:column> </p:pickList> </div> 这些按钮标有“移动到目标”、“全部移动到目标”等。我想更改英语和其他国家/地区的标签。我该如何去做呢?我找到了文档here和here,但它们没有指出我从哪里开始覆盖默认翻译。我还发现了这个问题,但是addLabel,addAllLabel,...属性在PrimeFaces 14中被删除了。 编辑:后来编辑了可能的重复项,以更好地回答这个问题。我的描述已经包含了它的链接以及它不能回答我的问题的解释。还是不行,见评论区。 只需将此脚本添加到您的页面并更改您想要的任何语言即可。 一旦你让它工作,将所有这些移动到一个 stefan-locales.js 文件中,然后使用正常的 <h:outputScript> 加载该文件 这会覆盖英语 EN 区域设置的那些标签。 显然你也可以为其他人做同样的事情。 PrimeFaces.locales["en"] = $.extend(true, {}, PrimeFaces.locales["en"], { aria: { moveAllToSource: "Move All to Source", moveAllToTarget: "Move All to Target", moveBottom: "Move Bottom", moveDown: "Move Down", moveToSource: "Move to Source", moveToTarget: "Move to Target", moveTop: "Move Top", moveUp: "Move Up", }, });
我想知道遇到过此问题的人是否能够更改选项列表按钮的文本。 有时由于可访问性问题,我们可能需要更改它以满足此要求...
Primefaces 12 中的 DataExporter 不导出 PDF 中的表标题
我正在使用 Primefaces 12,我知道在版本 12 中,dataExporter 存在一个问题,即在尝试下载文件时不包含表头。这就是问题所在 我已经写了...
Primefaces Datatable 的 ContextMenu 只更新第一次,下次就不起作用了
我在 Primefaces 数据表内的 Primefaces ContextMenu 上遇到问题。 当我单击上下文菜单的唯一条目时,这会更新对话框内的面板并显示该对话框。第一个...
如何使用 PrimeFaces 在 Java 中的 Selenium 中的 Javascript 中使用 widgetVar?
设置选项后Javascript即可运行: chromeOptions.addArguments("--enable-javascript"); 但我仍在研究如何使用 PrimeFaces 中的 widgetVar 来获取 PrimeFa...
如何使用 PrimeFaces 在 Java 中的 Selenium 中的 Javasript 中使用 widgetVar?
设置选项后Javascript即可运行: chromeOptions.addArguments("--enable-javascript"); 但我仍在研究如何使用 PrimeFaces 中的 widgetVar 来获取 PrimeFa...
我正在尝试从 PrimeFaces 12 升级到 PrimeFaces 14。图表数据在版本 12 中已弃用,在我的条形图模型中,我正在使用图表数据。在这种情况下重写的任何建议。 我...
我正在迁移到 primefaces 12 和 jakarta ee 10,并且使用 barChart,我面临着许多问题。我看到 CartesianChartModel 不再受支持,所以我将 java 代码更改为
java.lang.IllegalStateException:CDI 不可用
我正在使用 Netbeans 16 通过 Gradle、Jakarta EE 9 和 PrimeFaces 12 创建一个 Web 项目。基本项目创建工作正常,并在 Glassfish 6.2.5 服务器上正确部署。 添加
我有一个菜单,我以编程方式用模型填充该菜单。但我希望当它的项目太多而无法在页面中显示时它变得可滚动。 这是我的菜单: 我有一个菜单,我以编程方式用模型填充该菜单。但我希望当它的项目变得太多而无法在页面中显示时,它变得可滚动。 这是我的菜单: <p:menu overlay="true" trigger="imgNotif" my="left top" at="bottom left" model="#{notifController.model}" /> 有没有办法让它可滚动(以编程方式或使用其样式/属性)? 谢谢你 根据评论,现在是: .p-menu-list { overflow-y: scroll; max-height: 200px; } (FWIW 我还必须添加 ::ng-deep 来在我的 Angular 应用程序中设置样式) 使用以下 CSS: .ui-menu { overflow-y: scroll; height: 200px; } 使用下面的代码行使菜单可滚动 <p:tabView scrollable="true"> <p:tab title="MenuHeader">menu content</p:tab> <p:tab title="MenuHeader">menu content</p:tab> </p:tabView> 我知道这是一个老问题,但现在使用 primefaces 11,我使用这个 css 做到了: .ui-menu .ui-menu-parent .ui-menu-child{ overflow-y: auto; max-height: 80vh; } 这样,您的子菜单列表将增长到屏幕的最大 80%,如果它通过此值,它将可以滚动。
我想在注册用户时添加验证码验证。我正在使用 p:captcha。密钥设置正确,我可以在本地计算机中看到验证码。但在服务器上,验证验证码和
Primefaces Schedule 组件演示链接已损坏。 有人知道发生了什么事吗? 在 Github 中找不到版本 12 谢谢
Primefaces:动态更改<p:ajax element?
JSF、Java Server Faces、Primefaces。 我正在努力寻找如何更改 的更新属性的解决方案 JSF、Java Server Faces、Primefaces。 我正在努力寻找如何更改 的更新属性的解决方案 场景:带有 的对话 <p:dialog modal="true"> <p:ajax event="close" update="COMPONENT IDs" listener="#{bean.onClose()}" /> 我想在打开对话框时更改更新属性。 我试过了 使用 EL 表达式值从 bean 获取变化的属性值。 这不起作用,因为属性值是在第一次渲染时设置的,并且再也不会设置 在bean的监听器方法中添加更新组件ID: PrimeFaces.current().ajax().update("component IDs"); 这有效。 但:不适用于 PrimeFaces 选择器 (PFS)。我需要那个。 就像更新=“@(.mystyle)” (我猜是因为在这种情况下,组件是由 jquery 在客户端选择的。) 有什么想法吗? 谢谢 彼得 彼得, 有一个允许动态update=""的开放票证,这也是一个开放的面孔规范问题。请参阅 Faces 规范问题:https://github.com/jakartaee/faces/issues/1499 但是您考虑过 PrimeFaces 中的观察者模式吗? https://www.primefaces.org/showcase/ui/ajax/observer.xhtml 基本上,您的对话框应该只是“触发事件”,并且您的组件应该订阅该事件。 如果任何组件不是 rendered="",它们显然不会关心该事件。 所以对话框的工作只是触发一个 closeDialog 事件,并且页面上呈现的任何关心该事件的组件都应该订阅?
我已使用 build.gradle 更新到 Omnifaces 3.3: 编译组:'org.omnifaces',名称:'omnifaces',版本:'3.3' 我的 EAR 可以在 3.2 上运行,但在部署 3.3 时出现以下错误: 21:07...
我有一个上传文件的小部件,我想在上传后预览文件。我正在使用 p:media 标签,但它没有显示上传的 pdf 文件。 但是,我有另一个小部件,其中有一个...
在 Primefaces 中显示用户上传的 pdf 文件 |春季启动
我有一个上传文件的小部件,我想在上传后预览文件。我正在使用 p:media 标签,但它没有显示上传的 pdf 文件。 但是,我有另一个小部件,其中有一个
p:带有@requestscoped bean PhaseId null的graphicImage
我尝试使用 @RequestScoped bean 从流中加载图像。我将 JSF 和 JavaEE7 与 Primefaces 7.0 和 Wildfly 9 一起使用。 我尝试使用 @RequestScoped bean 从流中加载图像。我将 JSF 和 JavaEE7 与 Primefaces 7.0 和 Wildfly 9 结合使用。 <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"> <h:outputStylesheet name="primeicons/primeicons.css" library="primefaces" /> <h:form> <p:scrollPanel> <ui:repeat value="${u.fileInfos}" var="image" id="manuelSwitcherImages"> <p:link href="${request.contextPath}/admin/single-fileInfo.xhtml"> <f:param name="fileName" value="${image.uniqueFileName}"/> <p:graphicImage value="${imageView.image}" width="500" id="image" rendered="${!image.uniqueFileName.isEmpty()}"> <f:param name="fileName" value="${image.uniqueFileName}" /> </p:graphicImage> </p:link> </ui:repeat> </p:scrollPanel> </h:form> </ui:composition> 还有支撑豆: @Named @RequestScoped public class ImageView implements Serializable { private static final long serialVersionUID = -1067751029307336424L; @Inject private AppProperties appProperties; private DefaultStreamedContent image; public ImageView() { } @PostConstruct public void setStream() { image = new DefaultStreamedContent(); FacesContext context = FacesContext.getCurrentInstance(); Map<String, String> map = context.getExternalContext().getRequestParameterMap(); String fileName = map.get("fileName"); System.out.println("PhaseId:" + context.getCurrentPhaseId() + " fileName:"+fileName); if (context.getCurrentPhaseId() != PhaseId.RENDER_RESPONSE) { if (fileName != null && !fileName.isEmpty()) { image.setContentType("image/jpeg"); FileInputStream fis; try { fis = new FileInputStream( new File(appProperties.getDocinfoRootPath() + File.separatorChar + fileName)); image.setStream(fis); } catch (FileNotFoundException e) { e.printStackTrace(); } } } } public DefaultStreamedContent getImage() { return image; } } 当我加载页面时,以下内容会记录到控制台: 09:48:58,562 INFO [stdout] (default task-48) PhaseId:RENDER_RESPONSE 6 fileName:null 09:49:02,331 INFO [stdout] (default task-49) PhaseId:null fileName:IMG_20240730_203743_494451608254739966.jpg 当我单击链接以在单个视图中显示图像(或加载请求:http://localhost:8080/forras-admin/admin/single-fileInfo.xhtml?fileName=IMG_20240801_103857_3362857899511577984.jpg)时,日志如下: 10:03:00,553 INFO [stdout] (default task-114) PhaseId:RENDER_RESPONSE 6 fileName:IMG_20240731_155939_3742115169047896565.jpg 10:03:00,764 INFO [stdout] (default task-115) PhaseId:null fileName:null 单一视图如下所示: <?xml version="1.0" encoding="UTF-8"?> <ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:dp="http://integrity.hu/dynap" template="/WEB-INF/templates/default.xhtml"> <ui:define name="content"> <h:form> <p:graphicImage value="${imageView.image}" id="singleimage" /> </h:form> </ui:define> </ui:composition> 为什么 PhaseId 为空,如何处理 RENDER_RESPONSE 中的不同文件内容?为什么图像在单一视图中不可见? 非常感谢您的建议。 以下代码在单一视图中对我有用: <?xml version="1.0" encoding="UTF-8"?> <ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:dp="http://integrity.hu/dynap" template="/WEB-INF/templates/default.xhtml"> <ui:define name="content"> <h:form> <p:scrollPanel style="width:100%;height:500px;"> <p:graphicImage value="${imageView.image}" id="singleimage"> <f:param name="fileName" value="#{request.getParameter('fileName')}" /> </p:graphicImage> </p:scrollPanel> </h:form> </ui:define> </ui:composition>
如何在 PrimeFaces 中通过 JavaScript 触发组件刷新?
是否可以从 javascript 更新 PrimeFaces 组件,以便强制刷新? 我正在对话框中使用此按钮进行 ajax 保存调用。 我已附上我的自定义 javascr...
如何验证每个带有 required="true" 的 <p:cellEditor><f:facet name="input"> 是否已填写?
所以我有这个 JSF 代码,它将显示数据表的一列,并且每一列都必须填写。我还将 rowEdit 按钮放在右侧。因此,在用户填写数据之前,必须单击