JSF在f:ajax之后执行javascript

作者

在我的JSF 2 web应用程序中，我使用以下代码根据selectedStatus显示和切换rich:dataTable的内容：

&lt；h:selectOneRadio id=“statusSelection”value=“#{backingBean.selectedStatus}”style=“宽度：自动；浮动：左；”；
&lt；f:选择Item itemValue=“AVAILABLE”itemLabel=“AVAILABLE”/&gt；
&lt；f:选择Item itemValue=“INACTIVE”itemLabel=“INACTIVE”/&gt；
&lt；f:ajax render=“itemsDataTable”execute=“#{backingBean.sortbytel（'ascending'）}”/&gt；
&lt；f:ajax render=“itemsdataable”event=“click”/&gt；
&lt/h:selectOneRadio&gt；

dataTable包含a4j:commands，在某些IE版本中更改表内容后，无意中需要双击这些命令-我发现，执行以下Javascript代码（在IE的调试控制台上，更改表内容后）可以解决问题：

document.getElementById（&lt；dataTableClientId&gt；）.focus（）

我的问题是：在表内容发生更改后，如何实现javascript代码的自动执行

为了在之后执行JS代码&lt；f:ajax&gt已成功完成，以下内联解决方案将完成：

&lt；f:ajax
render=“itemsdataable”
onevent=“函数（数据）{if（data.status=='success'）{
//把你的JS代码放在这里。
document.getElementById（'dataTableClientId'）.focus（）；
}}“/&gt；

或以下外部函数解决方案（注意：不要在onevent中插入括号，只插入函数名称）：

&lt；f:ajax
render=“itemsdataable”
onevent=“scriptFunctionName”/&gt；


函数脚本函数名（数据）{
如果（data.status=='success'）{
//把你的JS代码放在这里。
document.getElementById（'dataTableClientId'）.focus（）；
}
}

还要看看这个答案：JSF和jQueryAjax——我如何让它们一起工作

另外，在f:ajax中仔细检查event=“click”的需要，因为中的默认事件&lt；h:selectOneRadio&gt是更改我认为您最好使用它。。。另请参见我可以传递给f:ajax标记的event属性的值是什么

相关文章：

  1. 如何从Firefox或Chrome浏览器手动发送HTTP POST请求
  2. 在MVC中，如何返回字符串结果？
  3. 在大多数web浏览器中是否有PUT、DELETE、HEAD等方法？
  4. 如何将数据发布为表单数据而不是请求负载？

发表评论

© 2026 开发百科-程序代码问答平台 • Built with