如何在自动完成更新时调用JS函数

How to call JS function when autocomplete is updated

本文关键字:更新 调用 JS 函数      更新时间:2023-09-26

我使用的是素数面p:autocomplete,需要修改客户端的建议表(如果正好有X个建议,请插入一行)。

为此,我想调用一个JS函数,如:

function insertRow(){
    $('.autoCompletePanel tr:nth-child(X)').append('<tr><td>my tr</td></tr>');
}

由于输入时建议表会发生变化,因此我需要在每次ajax请求后调用该函数,在之后(重新)呈现自动完成面板。我怎样才能做到这一点?我找不到任何引用ajax请求检索建议的oncomplete事件。

您可以将p:ajaxquery事件一起使用,基本上query事件与实际查询的请求完全相同,这样您就可以调用oncomplete,确保查询已经完全执行:

 <p:ajax event="query" oncomplete="insertRow()" />