primefaces 相关问题

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

如何通过javascript使用costum过滤器（selectCheckboxMenu）保存和恢复primefaces数据表的过滤器状态？

我有一个 primefaces 数据表，想使用 selectCheckboxMenu 对其进行过滤我有一个 primefaces 数据表，想使用 selectCheckboxMenu 对其进行过滤 <p:column filterBy="#{entity.category}" headerText="Category" filterMatchMode="in"> <f:facet name="filter"> <p:selectCheckboxMenu label="Category" onchange="PF('datatable').filter()"> <f:selectItems value="#{bean.categoryOptions}"/> </p:selectCheckboxMenu> </f:facet> <h:outputText value="#{entity.category}" /> </p:column> 过滤器本身效果很好。我可以过滤数据表，并且在重新加载站点后也只有过滤后的值。我的问题是重新加载后数据表的过滤状态消失了。我看到过滤器有效，但我在数据表的标题中没有看到过滤器的值。带有数据表的表单： <h:form id="form"> <p:dataTable var="entity" value="#{bean.list}" widgetVar="datatable" filterEvent="enter" id="datatable" lazy="true"> <p:ajax event="filter" process=":form:filters" onstart="saveDatatableState()"></p:ajax> ... columns ... </p:dataTable> <h:inputHidden id="filters" value="#{bean.filters}" /> <h:inputHidden id="page" value="#{bean.page}" /> <h:inputHidden id="npages" value="#{bean.npages}" /> <h:inputHidden id="scrollPos" value="#{bean.scrollPos}" /> </form> <script src="js/DataTableFilterStorage.js" /> <script> $(function(){ loadDatatableState(); }); </script> 过滤器值通过 JavaScript 保存和加载。这些方法位于文件 DataTableFilterStorage.js 中： function saveDatatableState(){ var filterNormal = $('form .ui-column-filter').serialize(); var filterCustomText = $('form .ui-column-customfilter .ui-inputfield').serialize() if (filterNormal != "" && filterCustomText != "") { $(fFilter).val(filterNormal + '&' + filterCustomText); } else { $(fFilter).val(filterNormal + filterCustomText); } var page = $('.ui-paginator-page.ui-state-active:first').text(); if(!page) page = 0; var scrollPos = $('body').scrollTop(); if(!scrollPos) scrollPos = 0; $(#page).val(page); $(#npages).val($('#yui-pg0-0-rpp').val()); $(#scrollPos).val(scrollPos); } function loadDatatableState(){ var filters = $(#filters).val().split('&'); if (filters != ""){ for(var i = 0; i < filters.length; i++){ var f = filters[i].split("="); if(f.length != 2 || f[1].length < 1) continue; $('#'+f[0].replace(/%3A/g, '\\:')).val(decodeURIComponent(f[1]).replace('+', ' ')); //For Dropdown-Menues $('#'+f[0].replace(/%3A/g, '\\:') + ' option:selected').val(decodeURIComponent(f[1]).replace('+', ' ')); } } var handler = function(e, xhr, settings) { if($(#page).val().length > 0 && $(#page).val() != 1){ var p = $('a.ui-paginator-page[page='+$(#page).val()+']:first'); if(p.length > 0){ p.attr('id', 'currentPage'); var event = document.createEvent("HTMLEvents"); event.initEvent("click", true, true); document.getElementById('currentPage').dispatchEvent(event); } } $(#form).unbind('ajaxComplete', handler); }; $(#form).ajaxComplete(handler); }; 正常文本字段、下拉菜单（单选选项）和输入掩码中的过滤器值已正确保存和加载，但 selectCheckboxMenu 中的过滤器值却未正确保存和加载。过滤器未正确保存的原因是$(#filter).val($('form .ui-column-filter').serialize());行。它仅保存类型为“ui-column-filter”的过滤器。 selectCheckboxMenu 中的过滤器的类型为 ui-column-customfilter。我尝试通过将行更改为 $(#filter).val($('form .ui-column-customfilter').serialize()); 来选择值，但它不起作用。该解决方案必须在 IE 11 下工作。我使用的是 Primefaces 5.2 和 JSF 2.0。您可以使用自 Primefaces 6.1 以来实施的新 multiViewState 功能来保持 dataTable 状态。

javascript jquery jsf primefaces datatable

回答 1 投票 0

更改 selectCheckboxMenu 行为

我有 PrimeFaces 标签 selectCheckboxMenu。我有 PrimeFaces 标签 selectCheckboxMenu。 <p:selectCheckboxMenu dynamic="true" filter="true" filterMatchMode="startsWith" label="Cities" style="width: 15rem" panelStyle="width: 15rem" scrollHeight="250" value="#{checkboxView.selectedCities}"> <f:selectItems value="#{checkboxView.cities}"/> </p:selectCheckboxMenu> 我正在努力实现这一点：当我打开此列表时，如果没有选中其他复选框，则仅选中顶部复选框；当我选中列表中的一个复选框时，顶部的复选框将取消选中；我认为 js 可以帮助我，我试图在文档中找到一些东西，但找不到。您期望的结果的第二部分默认按预期工作 iirc。关于前面的内容，如果您希望在打开菜单后选择列表中的第一项（如果我理解正确的话），请使用方法toggleItem()并将其与js函数结合起来。

jsf primefaces

回答 1 投票 0

链接按钮无法在目标=“_blank”的新选项卡中打开

primefaces jsf-2.2

回答 1 投票 0

Primefaces fileUpload - ajax 调用哪个事件

我正在使用 Primefaces 5.3，我想在上传文件时进行 ajax 调用我正在使用 Primefaces 5.3，我想在上传文件时进行 ajax 调用 <p:fileUpload id="fileUp" fileUploadListener="#{carEditDocumentController.handleFileUpload}" label="#{msg['document.selectDocument']}" auto="true" required="true" requiredMessage="#{msg['error.required']}" mode="advanced" skinSimple="true" update="carDocumentNewName"> <p:ajax listener="#{carEditDocumentController.checkDocument()}" event="???" update="carDocumentError"/> </p:fileUpload> 上传文件时需要执行哪个事件监听？谢谢你。我不知道有任何相关事件。但我相信还有其他两种选择：只需从 fileUploadListener 调用 checkDocument() 即可。在oncomplete中调用remoteCommand： <p:fileUpload ... oncomplete="rc()" /> <p:remoteCommand name="rc" update="carDocumentError" actionListener="#{carEditDocumentController.checkDocument()}" /> 您可以使用 valueChangeListener 属性，该属性在执行侦听器方法后执行，在本例中它将加载文件。一个例子是这样的： <p:fileUpload ... oncomplete="rc()" valueChangeListener="#{carEditDocumentController.checkDocument()}" />

ajax primefaces

回答 2 投票 0

PrimeFaces 7.0 文件上传文件为空

嘿，我被这个问题困扰了很长时间，找不到解决方案。现在，假期结束后，问题仍然在等着我，我不知道该做什么，也没有动力。我...

spring-boot tomcat jsf primefaces

回答 1 投票 0

Primeface 7.0 文件上传文件为空

嘿，我被这个问题困扰了很长时间，找不到解决方案。现在，假期结束后，问题仍然在等着我，我不知道该做什么，也没有动力。我...

java spring-boot tomcat primefaces

回答 1 投票 0

Chrome 覆盖 PrimeFaces 样式

我们刚刚购买了 PrimeFaces 主题“Sentinel”。然而我注意到 Chrome 中的表格有一个奇怪的样式。表页眉和页脚有橙色边框。我的同事看不到...

css google-chrome primefaces

回答 13 投票 0

如何防止 Primefaces 在子菜单文本和三角形图标之间缠绕？

当子菜单标签太长时，Primefaces 会将右指三角形放在下一行：我怎样才能让 Primefaces 将三角形放在同一条线上，就像我的短子菜单一样......

css primefaces

回答 2 投票 0

水平滚动时如何防止 Primefaces 旋钮标签显示在旋钮圆圈之外？

我正在使用 Primefaces 13。我有一个数据表，其中有一列使用 p:knob 显示数字。如果所有列都不适合视口，并且我水平滚动数据表，则...

css primefaces

回答 1 投票 0

如何将 JavaScript Blob 上传到 JSF 而不将其转换为 Base64 字符串？

我在 JS 中将音频录制为 blob。如何上传它而不将其转换为 Base64 字符串并通过或发送？

jsf primefaces

回答 1 投票 0

如何上传JavaScript blob而不将其转换为base64字符串？

我已经在js中将音频录制为blob，那么如何在不将其转换为base64字符串并通过或发送的情况下上传它？

jsf primefaces

回答 1 投票 0

无法使用 PrimeReact Context 中的“changeTheme”

我正在尝试使用 prime Reacts 网站上记录的changeTheme 功能我在这里设置了一个非常基本的在线沙箱 //CSS 导入“./App.css”；导入 {

reactjs primefaces primereact

回答 1 投票 0

primefaces 对话框出现后消失

我有一个命令按钮和一个对话框。问题是对话框出现后就消失了（1-2 毫秒后）。我的命令按钮或其对话框有问题吗？我有一个命令按钮和一个对话框。问题是对话框出现后就消失了（1-2 毫秒后）。我的命令按钮或其对话框有问题吗？ <p:commandButton id="showDetailsButton" title="Details" onclick="details.show();" process="@this" update=":tabView:myForm:myDialogId" icon="ui-icon-search"> </p:commandButton> <p:dialog id="myDialogId" header="Details" widgetVar="details" resizable="false" height="600" width="450" > //some stuff </p:dialog> 将 onclick 更改为 oncomplete，现在工作正常。 <p:commandButton id="showDetailsButton" title="Details" oncomplete="details.show();" process="@this" update=":tabView:myForm:myDialogId" icon="ui-icon-search"> 默认情况下，<p:commandButton>呈现为 <button type="submit" ....> ... </button> 编辑：如果您已通过指定ajax禁用了ajax=false行为，请阅读下面的评论。因此它将触发回发。因此，您的页面向服务器发出 POST 请求并刷新。顺便说一句，这里不需要 PrimeFaces 命令按钮，只需使用 <input type="button" onclick="details.show()" value="Details"/> 从命令按钮中删除进程和更新。他们刷新页面/部分。而你不希望这样。如果您在表单标记内创建了另一个表单，则应确保它在外部，因为不知情的更新操作可能会中断该过程。

jsf jsf-2 primefaces

回答 4 投票 0

在更新中找不到primefaces组件id

这是我的表格这是我的表格 <form id=frmCalculation> <p:messages id="msgs" showDetail="true" showSummary="false" redisplay="false" closable="true" escape="false" /> <panel> <panelgrid id=statpanel> </panelgrid> <datatable id=dtEnrich> <p:ajax event="filter" listener="#{enrichmentView.doFilter}" update="@this " /> <p:column filterby... filterMatchMode...> ... </datatable> </panel> </form> 在 statpanel 中，有几个 outputText 控件，当数据网格中过滤某些内容时，我每次都想更新它们。在richmentview.doFilter 中，我为这些字段设置了新值，这些字段绑定到outputText 控件。但是在ajax标记中，我无法弄清楚应该放置什么组件id才能更新outputText控件，当然还有由于过滤器而更新它的数据表。我尝试使用“statpanel”，“：statpanel”，“：frmCalculation：statpanel”。每次我都会出现找不到 statpanel 控件的错误。或者也有可能我想在msgs中显示一条消息，但它也不起作用。当我输入@form或“frmCalculation”时，输出文本会更新，但数据表行/列会折叠（我只能看到一个长字符串中的单元格值）最后，解决方案是将 widgetVar 添加到 panel 标签（panelGrid 的父级）。 <p:panel widgetVar="widget_pnl"> <p:panelGrid id="statpanel" columns="3" layout="grid"> 然后在更新中我可以使用 <p:ajax event="filter" listener="#{enrichmentView.doFilter}" update="@this @widgetVar(widget_pnl):statpanel " />

jsf primefaces

回答 1 投票 0

如何使用SelectManyCheckbox和ArrayList作为HashMap值

我正在尝试将 SelectManyCheckbox 的选定值绑定到 ArrayList，这是我的 HashMap 的值。如果我的选项位于 ArrayList 内，并且选定的选项也是如此。我没有问题。但是...

jsf primefaces mojarra

回答 1 投票 0

Primefaces DataTable RowGroup 与 HeaderRow ：如何反转顺序？

我在数据表中使用 p:headerRow 和 java.time.Instant 字段。它工作正常，但行按升序显示。如何颠倒顺序？我在数据表中使用 p:headerRow 和 java.time.Instant 字段。它工作正常，但行按升序显示。如何颠倒顺序？ <p:dataTable value="#{comptaPeriodeView.auditLines}" var="item" id="auditLines" widgetVar="auditLinesTb"> > <p:headerRow field="inventaireAudit.inventaire.creationTime" expandable="true" expanded="true"> <p:column colspan="7" sortOrder="desc" > <div class="inline-flex align-items-center" style="vertical-align: middle"> <h:outputText value="#{format.zdEuropeParis(item.inventaireAudit.inventaire.creationTime)}"> <f:convertDateTime type="zonedDateTime" pattern="dd/MM/yyyy HH:mm:ss" /> </h:outputText> </div> </p:column> </p:dataTable> 编辑：与展示“行组”相同的问题：如何反转代表名称的顺序？我查看了 org.primefaces.component.headerrow.HeaderRowBase，有一个 sortOrder 值。所以添加 sortOrder="desc" 就可以了。例如在展示中： <p:headerRow field="representative.name" expandable="true" + sortOrder="desc" expanded="#{customer.representative.name != 'Stephen Shaw'}"> 文档中缺少此属性： https://primefaces.github.io/primefaces/13_0_0/#/components/headerrow

primefaces

回答 1 投票 0

Primefaces 选择列表问题

我的 xhtml 中有一个文本字段，我已将其属性设置为 required="true"，然后我有 primefaces 选择列表。现在，当验证失败时，例如未填充强制“文本框”。我扔了一个

jsf primefaces

回答 2 投票 0

Primefaces 选择列表单击传输

我们的用户太懒了..他们想要的是每当他们在选项列表源上选择某些内容时，它就会自动转移到目标列表中（反之亦然），这样他们就不再需要...

java javascript jsf primefaces picklist

回答 1 投票 0

为什么打印结果是空白？

我想打印“页面”部分，但结果是空白这是用 primefaces 制作的 .xhtml 文件： ...