在f viewaction中像f ajax一样？

Question

我需要在执行f:viewaction时执行请求时显示加载图像，这听起来像将f:ajax放在f:viewaction ，但这是不可能的。

<ui:define name="metadata">
    <f:metadata>
        <f:viewAction
            action="#{subscriptionManagementMB.loadSubscriptionManagement()}" />
    </f:metadata>
</ui:define>

Answer 1

这里有一个概念上的思维错误。 只要未加载带有该图像的页面，您就无法显示该图像（该图像表示的内容与该问题无关）。 为了显示图像，您需要确保包含图像的页面首先被完全加载。 只有当与图像的页面完全加载，那么你可以调用所需的业务操作。

<f:viewAction>不适合此操作。 常用的方法是让JavaScript在到达<body>结尾时，在文档准备/完成事件期间或在窗口加载事件期间触发服务器端操作。 确切的答案实际上取决于您所拥有的库。 当您拥有PrimeFaces和/或jQuery时，可以疯狂地简化代码。

让我们假设“普通香草” JSF / JS，这是一种达到要求的简单方法：

<h:body>
    <h:panelGroup id="content">
        <h:graphicImage name="loading.gif" rendered="#{not bean.loaded}" />

        <ui:fragment rendered="#{bean.loaded}">
            ... (put your content here)
        </ui:fragment>
    </h:panelGroup>

    <h:form id="form" style="display:none;">
        <h:commandButton id="button" action="#{bean.onload}">
            <f:ajax render=":content" />
        </h:commandButton>
    </h:form>

    <h:outputScript target="body">
        document.getElementById("form:button").onclick();
    </h:outputScript>
</h:body>

该图显示了加载图像。 使用CSS display:none隐藏的表单包含一个ajax命令按钮，用于更新内容。 具有target="body"的脚本将被重定位到<body>末尾，并在页面加载时调用隐藏的ajax命令按钮。

也可以看看：

如何使用本机JavaScript在HTML DOM事件上调用JSF管理的bean？

在f viewaction中像f ajax一样？

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-04-27 07:43:19

也可以看看：

在f viewaction中像f ajax一样？

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-04-27 07:43:19

也可以看看：

解决方案1
1 已采纳 2015-04-27 07:43:19