primefaces 相关问题

PrimeFaces是一个JSF(Java Server Faces)组件库,附带了大量丰富的组件,这些组件利用了jQuery和jQuery UI。它支持jQuery UI ThemeRoller CSS框架和FontAwesome图标集。请注意,此标签不应与[PrimeNG]结合使用。

PrimeFaces。 <p:editor> 标签

我在我的项目中使用 Primefaces 8.0。 我正在尝试按照此处所述配置内容安全策略。 这是我的配置的样子: 我在我的项目中使用Primefaces 8.0。 我正在尝试按照 here. 中的说明配置内容安全策略 这就是我的配置: <context-param> <param-name>primefaces.CSP</param-name> <param-value>true</param-value> </context-param> <context-param> <param-name>primefaces.CSP_POLICY</param-name> <param-value>script-src 'self' https://wchat.freshchat.com</param-value> </context-param> 在 Mozilla Firefox 中一切正常。 但在谷歌浏览器中,我收到这些错误消息: jquery.js.jsf?ln=primefaces&v=8.0:2 Refused to run the JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' https://wchat.freshchat.com 'unsafe-hashes' 'nonce-MWYzYWZiMTEtNzM0Mi00Mzc1LWI0OTMtZTY3YWU4NTI2NjIx'". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. 我注意到这些错误发生在使用PrimeFaces Editor的页面上 显然问题是 src="javascript:true; 是在渲染 PrimeFaces Editor 时添加的。 请告知如何解决此问题。

回答 0 投票 0

<pe:keyFilter> 标签不工作

这在我的应用程序中不起作用。它也仍然接受数字。 这在我的应用程序中不起作用。它仍然接受数字。 <p:inputText id="Name" value="#{dependbean.name}" maxlength="30"> <pe:keyFilter mask="alpha"></pe:keyFilter> </p:inputText> 将 <pe:keyFilter> 移到 <p:inputText> 之外,并使用 for 属性指向哪个组件是为其定义的过滤器。 <p:inputText id="Name" value="#{dependbean.name}" maxlength="30" /> <pe:keyFilter mask="alpha" for="Name" /> 尝试 <p:inputText id="Name" value="#{dependbean.name}" maxlength="30"> <pe:keyFilter regex="/[ABC]/i"></pe:keyFilter> </p:inputText> 确保在文件开头添加了元素 <html ... xmlns:pe="http://primefaces.org/ui/extensions"> 如果仍然不起作用,请确保 pom.xml 文件具有来自 primefaces 扩展的依赖项。 如果没有,请将其添加到标签之间的 pom: <!-- https://mvnrepository.com/artifact/org.primefaces.extensions/primefaces-extensions --> <dependency> <groupId>org.primefaces.extensions</groupId> <artifactId>primefaces-extensions</artifactId> <version>6.0.0</version> </dependency> 它应该适用于: xmlns:p="http://primefaces.org/ui" 和: <p:inputText id="phone" ... > <p:keyFilter mask="num"/> </p:inputText> 尝试从 here 添加 jquery.keyfilter.js 在您的 JS 文件夹中。 然后将其添加到您的 JSF 页面: <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/jquery.keyfilter.js"></script>

回答 4 投票 0

Primefaces 就地编辑器

我在数据表中使用 primefaces 就地组件当用户单击就地编辑器时,将执行一个 js 函数,该函数将运行远程命令以从后台获取数据...

回答 0 投票 0

pe:ckEditor 从 12.0.5 版本开始不工作

我刚刚将 PrimeFaces Extensions 升级到版本 12.0.5 并注意到 CKEditor 不再可用。这是一个错误吗?它是否已重命名或移动?我不记得在...中看到过任何关于它的东西

回答 1 投票 0

p:dataExporter 导出所有数据表,而不仅仅是目标数据表组件

我正在从数据库中查询数据,并在单独的 中为每个结果呈现结果。我正在使用带有多个 的 来保持...

回答 0 投票 0

带有 Cupertino 主题的 Primefaces(非专家)

我正在尝试使用 Primefaces、cupertino 主题显示一个简单的网页。但是,该页面在服务器上运行时不显示任何内容。 这是我的 index.html 页面 ` 我正在尝试使用 Primefaces、cupertino 主题显示一个简单的网页。但是,该页面在服务器上运行时不显示任何内容。 这是我的 index.html 页面 `<?xml version = "1.0" encoding = "UTF-8"?> <!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://xmlns.jcp.org/jsf/html" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:p="http://primefaces.org/ui"> <h:head> </h:head> <h:body> <p:layout fullPage="true"> <p:layoutUnit position="north" size="50"> <h:outputText value="Top content." /> </p:layoutUnit> <p:layoutUnit position="south" size="100"> <h:outputText value="Bottom content." /> </p:layoutUnit> <p:layoutUnit position="west" size="300"> <h:outputText value="Left content" /> </p:layoutUnit> <p:layoutUnit position="east" size="200"> <h:outputText value="Right Content" /> </p:layoutUnit> <p:layoutUnit position="center"> <h:outputText value="Center Content" /> </p:layoutUnit> </p:layout> </h:body> </html>` 这是我的 web.xml `<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <display-name>Connection_Application</display-name> <welcome-file-list> <welcome-file>faces/index.xhtml</welcome-file> </welcome-file-list> <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>/faces/*</url-pattern> </servlet-mapping> <context-param> <description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description> <param-name>javax.faces.STATE_SAVING_METHOD</param-name> <param-value>client</param-value> </context-param> <context-param> <param-name>javax.servlet.jsp.jstl.fmt.localizationContext</param-name> <param-value>resources.application</param-value> </context-param> <context-param> <param-name>primefaces.THEME</param-name> <param-value>cupertino</param-value> </context-param> <context-param> <param-name>primefaces.FONT_AWESOME</param-name> <param-value>true</param-value> </context-param> <listener> <listener-class>com.sun.faces.config.ConfigureListener</listener-class> </listener> </web-app>` 如果我遗漏了什么,你能告诉我吗? 提前致谢 也尝试了一个简单的数据表,但没有用。 首先,我不知道您使用的是哪个版本的 PrimeFaces,但自 PrimeFaces 版本 10 以来,Cupertino 主题被认为是旧版。旧版主题与新版本的 PrimeFaces 不兼容。 假设您使用的是兼容的 PrimeFaces 版本,您应该确保将 theme 依赖项 添加到您的项目中。当您将问题命名为非 Maven 时,您应该下载 JAR 并将其手动添加到您的项目中。 另请参阅:为什么我需要 PrimeFaces Maven 存储库才能使用主题? Cupertino 主题不是核心 PrimeFaces jar 的一部分。您需要添加PrimeFaces Cupertino Theme。如果您需要所有主题,请将 All Themes 添加到您的类路径(war 文件中的 WEB-INF/lib)。

回答 2 投票 0

更新属性在尝试有条件地渲染面板时没有按预期工作

我正在尝试根据支持 bean 上存在的布尔值显示/隐藏我的面板,但它没有按预期工作,并且 UI 上没有变化。 这第一次工作正常(仅...

回答 3 投票 0

如何在 PF Galleria 添加和显示二进制文件?

GraphicImage的PF demo: https://www.primefaces.org/showcase/ui/multimedia/graphicImage.xhtml?jfwid=a0c1a (在 PF 论坛上询问)使用:GraphicImage 我可以通过以下方式添加单个二进制图像: 作为GraphicImage的PF演示: https://www.primefaces.org/showcase/ui/multimedia/graphicImage.xhtml?jfwid=a0c1a (在 PF 论坛上提问)使用:GraphicImage 我可以通过以下方式添加单个二进制图像: <p:graphicImage value="#{nOTiFYMotorcycleController.graphicImage}" stream="false"/> public InputStream getGraphicImage() throws IOException { ... return Files.newInputStream(Paths.get(stringBuffer.toString())); } 我看不到如何在 Galleria - Basic 中添加 InputStream/byte[]。我想在 Images? 中显示多个 <List> 我也试过在 ui:repeat 或 p:dataTable 中使用 p:graphicImage 我真正想做的是作为PF Galleria - Basic: https://www.primefaces.org/showcase/ui/multimedia/galleria/basic.xhtml?jfwid=a0c1a 我所有的图片都在“不同的位置”,比如 2 x 即: /Users/NOTiFY/IdeaProjects/NOTiFYmoto/images/moto/MotoGuzzi/2023/V85/TT/gu9032278eun02-01-m.webp /Users/NOTiFY/IdeaProjects/NOTiFYmoto/images/moto/MotoGuzzi/2023/V85/TT/gu9032278eun01-01-m.webp 你为什么不通过普通的 Servlet 提供你的图像? <p:galleria value="#{bean.images}" var="image"> <p:graphicImage value="/myImageServlet/#{image.id}"/> </p:galleria> 还有一个像这样的 servlet: @WebServlet("/myImageServlet/*") public class MyImageServlet extends HttpServlet { // parse image ID from request.getRequestURI() // load and serve }

回答 1 投票 0

PF v12 中的 PrimeFaces ShowcaseUtil 类仍然可用吗?

我找不到类 ShowcasesUtil,它用于过滤、排序 PrimeFaces LazySorting、LazyFiltering。示例如下: public int compare(Customer customer1, Customer customer2) { ...

回答 1 投票 0

如何从 url primefaces 隐藏 .xhtml 扩展名

如何隐藏 URL 中的 .xhtml 扩展名?这个可以在web.xml中配置吗? 示例:/login.xhtml 到 /登录

回答 0 投票 0

如何使用 p-columnFilter PrimeNG Table 从多个子对象获取数据?

我想使用 PrimeNG 表对多个数据集合进行列过滤。下面的 JSON 响应示例 在此处输入图像描述 等等。在 p 表的主体上,我列出了子对象 t...

回答 0 投票 0

如何在p:chips中监听物品移除事件?

我是 PrimeFaces 的新手。我正在使用 p:chips 组件,我想在从 p:chips 中删除项目之前显示一个确认对话框。有没有直接的方法可以做到这一点,或者我怎样才能听取删除事件

回答 1 投票 0

如果展开另一个字段集,则折叠字段集

给定以下场景: 我在一个对话框中有两个字段集(Fieldset-A,Fieldset-B)。 如果Fieldset-A展开,Fieldset-B打开的话就得收起 如果

回答 0 投票 0

PrimeFaces 密码切换掩码:Edge 浏览器的两个切换器

PrimeFaces 密码 toggleMask:Edge 浏览器的两个切换器。 https://www.primefaces.org/showcase/ui/input/password.xhtml 再生器: 清除切换掩码的密码。 输入任意密码,一个

回答 2 投票 0

当 p-autocomplete 在 p-accordion 中使用时,空格键对自动完成不起作用。它切换手风琴

当 p-autocomplete 在 p-accordion 中使用时,空格键对自动完成不起作用。它切换手风琴。需要确保空格键在自动完成中添加空间。 我正在使用 Angular 13 和 prime ...

回答 0 投票 0

<p:dialog>中是否有任何属性,以便只有在该对话框中选择值后才会发生下一个事件

我需要显示一个对话框,其中存在是和否命令按钮。我面临的问题是,在呈现对话框后,后台操作仍在运行,如滚动或选择

回答 0 投票 0

如何使用 angular 14 的客户 webpack 和 url-loader

我完全不知道应该如何设置。 简短的版本是:如何将 url-loader 之类的负载与 angular 一起用于 CSS 中的 url 编码字体? 我正在使用 primeicons,它并没有真正......

回答 0 投票 0

在 facet 中使用 cellEditor 不工作 primefaces

在一个项目中,我必须将两个数据表(第一个设置第二个的标题,第二个显示上传文件中包含的信息)合并为一个以简化易读性......

回答 0 投票 0

p:datascroller只懒得加载一次。

我们从primefaces中实现了数据滚动器,并以lazy=true扩展它,这在第一次懒惰加载时工作正常。但是当我向下滚动时,前端没有任何事件被触发。后台的工作原理是...

回答 1 投票 0

Primefaces <p:outputPanel>或<div>.我应该用什么来做响应式?

有了Primefaces后,怎样才能设计出好的响应式页面?在Primefaces展示中,我可以看到两个标签,div和outputpanel有什么区别?对于一个专业的页面 ...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.