如何通过onRowSelect ajax事件调用jQuery？ [重复]

Posted 2021-03-30

这个问题在这里已有答案：

• How to add a JavaScript listener to a PrimeFaces Ajax event 1回答

我有一个jQuery函数，由<select>标记中选择的值的'change'事件执行。但是现在我不需要<select>，因为我会在我的jQuery函数中强制该值。

我的页面使用JSF和PrimeFaces）。

我的jQuery函数：

var table = '#myTable'
$('#maxRows').on('change', function(){ //Event who need to be changed
    $('.pagination').html('')
    var trnum = 0
    var maxRows = parseInt($(this).val()) //This will be changed for -> var maxRows = 10
    var totalRows = $(table+' tbody tr').length
    $(table+' tr:gt(0)').each(function(){

...more code

（观察对象：此功能在我的<table>中应用'分页'）

我的旧选择：

<select id="maxRows">
    <option value="5">5</option>    
    <option value="10">10</option>  
    <option value="15">15</option>
</select>

问题是：我不能使用相同的'更改'事件，因为<select>将不再存在，我怎么能从现在开始使用jQuery函数？有没有可能通过onRowSelect（示例贝娄）ajax事件？

<p:ajax event="rowSelect listener="????" />

答案

我的解决方案

功能

function paginateTable(maxRows){
...

函数调用

<p:ajax event="rowSelect" oncomplete="paginateTable(10)"/>

另一答案

最简单的解决方案是

1. 用css隐藏#maxRows el（显示：无）
2. on ajax完整设定值（$（＃maxRows）.val（15））
3. 触发'更改'事件（$（＃maxRows）.trigger（'change'））

或者，您可以将侦听器功能移动到单独的一个并按名称调用它。