jsf - p :remoteCommand not working in async mode-6ren

jsf - p :remoteCommand not working in async mode

转载作者：行者123 更新时间：2023-12-04 00:03:28

25

4

如果有人能在这里给我帮助，我将不胜感激。

我在页面上有一个选项卡式布局，通过单击选项卡 (p:commandLink)，我想为该选项卡初始化适当的数据并更新显示内容的区域。因为我希望延迟进行初始化(当呈现选项卡内容时)，所以我使用 Primefaces 的 p:remoteCommand。

问题是，当我将 p:remoteCommand 设置为异步工作时 (async=true)，此功能不起作用，不会调用操作方法。当属性“async”为 false 时，它起作用。

例子:

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>

<f:view contentType="text/html">
    <h:form id="peopleForm">
        <h:panelGroup id="panel1">
            #{testbean.message}
        </h:panelGroup>

        <p:remoteCommand name="lazyInit"
            onstart="console.log('calling init')"
            action="#{testbean.init()}" 
            update=":peopleForm:panel1"
            async="true"
         />

        <script>
        $(function(){
            console.log('before call');
            lazyInit();
            console.log('after call');
        });
        </script>
    </h:form>

    <p:commandLink update=":peopleForm" value="Tab1" action="#{testbean.setMenuSelected('Tab1')}"/>

    <p:commandLink update=":peopleForm" value="Tab2" action="#{testbean.setMenuSelected('Tab2')}"/>
</f:view>
</html>

@ManagedBean(name = "testbean")
@Component("testbean")
@Scope("session")
public class TestBean implements Serializable {

    private static final long serialVersionUID = -2760060999550263904L;

    private String message;
    private String menuSelected = "Tab1";

    public void init() {
        if (menuSelected.equals("Tab1")) {
            message = "Tab1";
        }
        if (menuSelected.equals("Tab2")) {
            message = "Tab2";
        }
    }

    public String getMessage() {
        return message;
    }

    public String getMenuSelected() {
        return menuSelected;
    }

    public void setMenuSelected(String menuSelected) {
        this.menuSelected = menuSelected;
    }
}

当 async="true"时，它不起作用，链接点击时不会调用 testbean.init() 方法。当“async”为 false 时，它会起作用。

我不确定“异步”是否适用于此类用例，或者我误解了它。

背景:在我的应用程序中，我实际上有多个区域要在选项卡更改时更新。每个区域都有自己的初始化方法，可以从数据库中提取适当的数据。我想要异步调用这些初始化方法的原因是我不希望其他初始化方法等待第一个完成，然后第二个完成等等。所有这些方法都是相互独立的，所以没有它们之间同步的原因。最终，这应该会加快向用户显示页面内容的速度。

感谢您的帮助!

最佳答案

我遇到了完全相同的问题，并通过将 p:remoteCommand 替换为隐藏的 p:commandLink 来解决这个问题。然后没有name属性，所以需要用JavaScript来点击链接。

(...)

<h:head>
    <script>
        function lazyInitClick() {
            $("[id$='lazyInit']").click();
        }
    </script>
</h:head>

(...)

<h:form>
    <p:commandLink id="lazyInit" actionListener="#{testbean.init()}" async="true" style="display: none;" />
    <h:outputScript>lazyInitClick()</h:outputScript>
</h:form>

(...)

关于jsf - p :remoteCommand not working in async mode，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18558973/

25

4

0

文章推荐： javascript - 查找两个 float 之间的范围值

文章推荐： github - 在 GitHub 上查看新标签

文章推荐： r - 如何在R中叠加散点图？

javascript - async 和 defer 语法可以是 async ="async"吗？
我有带皮肤的 DNN。我的 head 标签有 runat="server"所以我尝试在 head 标签内添加一个标签 "> 在后面的代码中，我在属性中设置了 var GoogleAPIkey。问题是它
javascript - 如何在 async.each 内具有 async.waterfall 的外部函数中调用 async.each
我在 Node.JS 中有一个导出模块 exports.doSomethingImportant= function(req, res) { var id = req.params.id; Demo.
asynchronous - 为什么 Async.StartChild 返回 `Async>`？
我是 F# 的新手，我一直在阅读 F# for Fun and Profit。在为什么使用 F#？系列中，有一个 post描述异步代码。我遇到了 Async.StartChild函数，我不明白为什么
c# - FIle.ReadAll***Async/WriteAll***Async/AppendAll***Async 方法在哪里？
File 中有一堆相当方便的方法类，如 ReadAll***/WriteAll***/AppendAll***。我遇到过很多情况，当我需要它们的异步对应物时，但它们根本不存在。为什么？有什么陷阱吗
javascript - async.map 或 async.each 与 async.parallel 有什么区别？
我最近开始做一个 Node 项目，并且一直在使用 async 库。我有点困惑哪个选项会更快。在某些数据上使用 async.map 并获取其结果，或使用 async.each 迭代一组用户并将他们的相应
@Async 方法中的 Spring @Async 方法
您好，我正在试用 Springs 异步执行器，发现您可以使用 @Async。我想知道是否有可能在 @Async 中使用 @Async，要求是需要将任务委托(delegate)给 @Async 方法在第
swift - 如何取消具有从 `async` 操作启动返回的可取消类型的 `async` 函数
我需要支持取消一个函数，该函数返回一个可以在启动后取消的对象。在我的例子中，requester 类位于我无法修改的第 3 方库中。 actor MyActor { ... func d
asynchronous - Async.Start 与 Async.StartChild
假设 asyncSendMsg不返回任何内容，我想在另一个异步块中启动它，但不等待它完成，这之间有什么区别: async { //(...async stuff...) for msg
async-await - mocha async/await 测试因超时而失败
我想用 Mocha 测试异步代码. 我跟着这个教程testing-promises-with-mocha .最后，它说最好的方法是 async/await。以下是我的代码，我打算将 setTimeo
f# - Async.StartImmediate vs Async.RunSynchronously
正如我有限(甚至错误)的理解，Async.StartImmediate 和 Async.RunSynchronously 在当前线程上启动异步计算。那么这两个功能究竟有什么区别呢？谁能帮忙解释一下？
javascript - 如何在没有 async 的情况下编写 async fetch() ？
我有一行使用await fetch() 的代码。我正在使用一些调用 eval("await fetch ...etc...") 的脚本注入(inject)，但问题是 await 在执行时不会执行从ev
javascript - async.series 和 async.each 没有按预期工作
我正在尝试使用 nodeJS 构建一个网络抓取工具，它在网站的 HTML 中搜索图像，缓存图像源 URL，然后搜索最大尺寸的图像。我遇到的问题是 deliverLargestImage() 在循环遍
javascript - 结合 async.each 和 async.series
我想结合使用 async.each 和 async.series，但得到了意想不到的结果。 async.each([1, 2], function(item, nloop) { async.s
javascript - async.js : async. eachSeries 结果总是抛出未定义
我的代码有问题吗？我使用 async.eachSeries 但我的结果总是抛出 undefined。这里是我的代码: async.eachSeries([1,2,3], function(data,
async-await - 具有特征的 tokio-async-await
我想在 trait 中编写异步函数，但是因为 async fn in traits 还不被支持，我试图找到等效的方法接口(interface)。这是我在 Rust nightly (2019-01-0
javascript - async/await 如何与 async 函数中的回调一起工作？
async setMyPhotos() { const newPhotos = await Promise.all(newPhotoPromises); someOtherPromise();
javascript - async.each 与 async.every 之间的区别？
async.js 中 async.each 与 async.every 的区别？似乎两者都相同，只是 async.every 返回结果。纠正我，我错了。最佳答案每个异步 .each(coll, i
javascript - async.each 中的 async.waterfall 不起作用？
我正在尝试对一组项目运行 async.each。对于每个项目，我想运行一个 async.waterfall。请参阅下面的代码。 var ids = [1, 2]; async.each(ids,
Jasmine Angular : is there a conflict between async in beforeEach() and async in it()?
我的目标是测试 API 调用，将延迟考虑在内。我的灵感来自 this post . 我设计了一个沙箱，其中模拟 API 需要 1000 毫秒来响应和更改全局变量 result 的值。测试检查 500
javascript - async.each 和 async.eachSeries 之间的区别
async.each 是否作为异步数组迭代工作？ async.eachSeries 是否作为同步数组迭代工作？(它实际上等待响应) 我问这些是因为两者都有回调，但 async.each 的工作方式类似

首页

博学

6Ren·AI

商城

jsf - p :remoteCommand not working in async mode