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

问题描述 投票:0回答:2

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

我有一个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="????" />
javascript jquery ajax jsf primefaces
2个回答
1
投票

我的解决方案

功能

function paginateTable(maxRows){
...

函数调用

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

0
投票

最简单的解决方案是

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

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

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