当前位置: 首页 > 面试题库 >

从javascript onload事件执行managebean方法

马航
2023-03-14
问题内容

我该如何发出一个Ajax请求来<h:dataTable>从javascript
更新?我当前正在使用加载初始数据,@Postconstruct但这会大大延迟初始页面加载。

我正在考虑使用HTML标记onload事件<body>触发请求并更新数据表。


问题答案:

理论上讲 ,应该执行以下操作。

<h:body>
    <f:ajax event="load" listener="#{bean.onload}" />
</h:body>

public void onload(AjaxBehaviourEvent event) {
    // ...
}

但是,由于某些原因不支持此功能。

以下工作有效,但从本质上讲这是一个hack。

<h:head>
    <title>JSF 2.0 onload hack</title>
    <script>
        window.onload = function() {
            document.getElementById('hidden:link').onclick();
        }
    </script>
</h:head>
<h:body>
    <h:form id="hidden" style="display:none">
        <h:commandLink id="link">
            <f:ajax event="click" listener="#{bean.onload}" />
        </h:commandLink>
    </h:form>
</h:body>

如果碰巧使用了PrimeFaces,则可以将其<p:remoteCommand>withautoRun设置为true

<h:body>
    <h:form>
        <p:remoteCommand name="onload" action="#{bean.onload}" autoRun="true" />
    </h:form>
</h:body>

或者,如果您使用的是OmniFaces,则可以使用它 <o:commandScript>

<h:body>
    <h:form>
        <o:commandScript name="onload" action="#{bean.onload}" />
        <h:outputScript target="body">onload()</h:outputScript>
    </h:form>
</h:body>

<h:outputScript target="body">呈现<script>中的结束<body>。即将面世的OmniFaces
2.2将通过新autorun属性消除此需求。

<h:body>
    <h:form>
        <o:commandScript name="onload" action="#{bean.onload}" autorun="true" />
    </h:form>
</h:body>


 类似资料:
  • 本文向大家介绍JavaScript中停止执行setInterval和setTimeout事件的方法,包括了JavaScript中停止执行setInterval和setTimeout事件的方法的使用技巧和注意事项,需要的朋友参考一下 js 代码中执行循环事件时,经常会用到 setInterval 和 setTimeout 这两个方法,关于这两个方法的细节这里不详细讨论了,简要分享下在需要停止循环事件

  • 我需要创建一个具有架构列表的@Scheduled方法,对于每个架构,从2个表中删除行。 我将deleteFromCustomerTables定义为@Transactional(propagation=propagation.REQUIRES_NEW),并在其中使用EntityManager从2个表中删除行。 为了使其工作,我需要将@Transactional添加到计划FixedDelayTask,

  • 执行任务事件 function onTask(\swoole_server $server, $taskId, $workerId,$callBackObj); 在task_worker进程内被调用,可以用以下方法向task_worker进程投递新的任务 AsyncTaskManager::getInstance()->add(Runner::class); 当前的Task进程在调用onTask回

  • 本文向大家介绍VUE DOM加载后执行自定义事件的方法,包括了VUE DOM加载后执行自定义事件的方法的使用技巧和注意事项,需要的朋友参考一下 最近想用vue做一个小东西,谁知道一开始就遇到了一个棘手的问题: 首先我想在页面加载前通过ajax请求页面展示所需要的信息,于是我在created钩子函数里面请求了我想要的数据 这一步很顺利,接下来就是要将数据绑定到对应的元素中,我在这里需要将请求得到的图

  • 本文向大家介绍Jquery on方法绑定事件后执行多次的解决方法,包括了Jquery on方法绑定事件后执行多次的解决方法的使用技巧和注意事项,需要的朋友参考一下 这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick 来实现,后来没有这样做,使用的是 on(‘click',function(){}) ,然而使用on方法的时候就发现,on

  • 在我目前使用Netty的大多数示例中,我看到boss执行器是一个缓存线程池。根据我的理解,事件循环应该只有一个线程,为什么我们需要boss事件循环的缓存线程池?