Primefaces数据表过滤器事件或点击在移动浏览器中不起作用(iPhone,iPad和Android)

Primefaces datatable filter event or tap not working in mobile browser (iPhone, iPad & Android)

提问人:Poornima 提问时间:1/25/2022 最后编辑:Jasper de VriesPoornima 更新时间:9/6/2022 访问量:217

问:

我正在使用 jsf Web 应用程序,这里的 primefaces 数据表过滤器工作正常,但在移动设备(如 iPad、iPhone 和 Android)的 Safari 浏览器或 chrome 浏览器中打开相同的应用程序。

我遇到的问题是,Primefaces数据表过滤器触摸事件不起作用。只有一次点击数据表过滤器键盘出现,但我再次点击过滤器键盘没有出现。

因此,datatable 在 jsf Web 应用程序中工作正常,但在移动浏览器中不起作用,即如果我们在浏览器中打开相同的 Web 应用程序,则过滤器事件不起作用。

移动设备中的数据表过滤器事件是否有任何限制?

我在xhtml中为datatable使用了以下代码:

<p:dataTable id="dtCompList" widgetVar="companyListTable" paginator="true" value="#{companyListService}" filterEvent="keyup" filteredValue="#{companyListService.filteredComapnies}" var="comp" paginatorAlwaysVisible="true"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rows="50" class="fixed-scrollbar"
selection="#{companyListService.selectedComapnies}" emptyMessage="No companies found." 
draggableColumns="true" style="margin: -10px!important;" multiViewState="true"
rowsPerPageTemplate="50,100" tableStyle="table-layout:auto; " resizableColumns="true" resizeMode="expand" lazy="true" >

我使用以下版本用于 jsf Web 应用程序, Primefaces 版本 6.2

Android iphone jsf primefaces primefaces-datatable

评论

1赞 Jasper de Vries 1/25/2022
在Android设备上使用展示柜(PrimeFaces 11)对我有用。我建议升级。

答:

0赞 Ilya Semibratov 9/6/2022 #1

我刚刚添加了这样的代码,它正在工作

$('.ui-column-customfilter').on('click', function () {
    $(this).find('input[type=text]').focus();
})

评论

0赞 Jasper de Vries 9/6/2022
您使用的是哪个版本的 PrimeFaces?
0赞 Ilya Semibratov 9/6/2022
版本为 6.1。