PrimeFaces是一个JSF(Java Server Faces)组件库,附带了大量丰富的组件,这些组件利用了jQuery和jQuery UI。它支持jQuery UI ThemeRoller CSS框架和FontAwesome图标集。请注意,此标签不应与[PrimeNG]结合使用。
我需要复制树中的数据以方便用户使用。由于某种原因无法选择文本。 我需要复制树中的数据以方便用户使用。由于某种原因无法选择文本。 <p:tree id="tree" value="#{valid.value}" var="var" > <p:treeNode collapsedIcon="pi pi-folder"> <p:outputLabel value="#{valid.label}"/> <p:treeNode/> <p:tree/> 我只能在整个树被禁用时选择文本。 我也尝试过设置一些CSS组件,如z-index、指针事件、用户选择、光标等,但似乎没有什么相关的。 我不太清楚 JSF 如何创建这些组件,因为我还是个新手。我很确定禁用状态下发生了一些事情,允许树的渲染执行其他操作。 当您开始从树外部选择时,您可以选择数据,这可能不是您想要的。 我将创建一个按钮,允许用户使用一些 JavaScript 使用 navigator.clipboard.writeText 将文本复制到剪贴板。 请注意,您可以使用 OmniFaces escapeJS 转义要在 EL 中复制的文本。
当 p:messages 更新并且出现(错误)消息时,将其滚动到视图中
我正在处理 PrimeFaces 消息,我希望在渲染 p:messages 时我的整个页面滚动到顶部。
p:commandButton 操作抛出 javax.el.PropertyNotFoundException
错误在于: javax.el.PropertyNotFoundException:/index.xhtml:在 fya.beanpages.IndexBean 类型上找不到属性“validar” 看起来它没有找到 validar 方法。这...
PrimeFaces selectOneMenu 动态 =“true”不起作用
我尝试在加载页面时不加载 p:selectOneMenu 项目列表,因为该列表太大。我将属性dynamic =“true”设置为延迟加载,但它总是加载lis...
Primefaces import enum all 选项不适用于 JSF PROJECT_STAGE 设置为 Production
我有一个 Java EE Web 项目,我在其中使用 Primefaces 作为 UI 组件。我正在使用 Primefaces 提供的带有全后缀的导入枚举功能。当我的 JSF PROJECT_STAGE 设置为
我有一些代码如下(工作正常) 我有一些代码如下(工作正常) <pe:inputNumber value="#{myBean.myVal}" minValue="0" maxValue="999999999999999.999999999" emptyValue="1" thousandSeparator="." decimalSeparator="," /> 然后,如果我输入[1],它将显示[1,000000000],我的麻烦是很多零可能会让我的用户感到困惑。 是否有办法在此输入上修剪它?,只显示用户输入的任何内容,例如[1,20] -> [1,2] or [1,20] 我的脚本: function trimDecimalPlace(){ var curVal = $(".ui-inputNum > input:first-child").val(); var parseVal = ''; if(curVal.indexOf(".") > curVal.indexOf(",")){ var tokens = curVal.split("."); var decimalVal = parseFloat("0."+tokens[1])+""; if(decimalVal != "0"){ parseVal = tokens[0]+"."+decimalVal.substring(2); }else{ parseVal = tokens[0]; } }else{ var tokens = curVal.split(","); var decimalVal = parseFloat("0."+tokens[1])+""; if(decimalVal != "0"){ parseVal = tokens[0]+","+decimalVal.substring(2); }else{ parseVal = tokens[0]; } } $(".ui-inputNum > input:first-child").val(parseVal); } 并在模糊时调用它: <pe:inputNumber value="#{myBean.myVal}" minValue="0" maxValue="999999999999999.999999999" emptyValue="1" onblur="trimDecimalPlace();" thousandSeparator="." decimalSeparator="," /> 您可以使用 decimalPlaces 属性。默认值是从 maxValue 属性获取的,因此在您的情况下它是 999999999999999.999999999. 只需将标签 padControl="false" 与 inputNumber 控件一起使用 <p:inputNumber style="width:140px;" value="#{mopEdicionBean.permisoMop.mopKlmtFinalB}" thousandSeparator="" decimalPlaces="3" maxlength="4" minValue="0" maxValue="9999" size="16" padControl="false"> <p:ajax event="change" update="nombre_permiso"/> </p:inputNumber> p:inputNumber 很难与可变长度的数字一起使用。只需将 p:inputText 与大 maxFractionDigits 一起使用,并强制区域设置获得正确的小数分隔符和千位分隔符。 <p:inputText value="#{myBean.myVal}"> <f:convertNumber minFractionDigits="1" maxFractionDigits="50" locale="#{myBean.locale}"/> <f:validateDoubleRange minimum="0" maximum="999999999999999.999999999"/> </p:inputText>
我很久以前出于课堂目的使用了 JSF 和 PrimeFaces。 现在我想进入春季并为自己建立一个网站,但我没有得到任何支持。 通常我想做的事...
是否可以在 Primefaces BarChartModel 上的每个柱形上/内部/上方显示值。我没有找到这个功能。我在 jsf 应用程序中使用 primefaces 13.0.0。我想要一些像...
我创建了一个通知托盘。首先,它的结构是使用 p:tabView 标签和两个选项卡进行编码的,每个选项卡内部都有一个 p:dataTable。当我尝试更改其中一个 p:dataTable 的页面时,ne...
我一直在使用 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%,如果它通过此值,它将可以滚动。