2

我们目前正在开发一个基于 Java EE 5、JSF、Facelets 和 RichFaces 的 B2B 网上商店。到目前为止，该技术确实运行良好，但现在我面临一个小问题，我无法弄清楚如何解决：

产品以表格形式列出，通过单击行尾的小图标，可以将每个项目添加到购物篮中。添加产品是通过 AJAX 完成的，以避免页面完全重新加载。h:dataTable只需使用 a和 ana4j:commandLink调用将所选产品添加到购物篮的操作方法，就可以毫无问题地工作。即使在侧栏中始终可见的篮子总数的重新渲染也可以正常工作。

由于 AJAX 的性质，没有可见的指示（除了旁边的更改总数）操作成功或至少已完成。现在我想添加一个小“弹出”框，当 AJAX 操作完成时，它在添加图标旁边可见，表明该项目已添加到购物篮中。此框应在几秒钟后自动消失。

这是我认为应该起作用的（popup_message 和 popup_content css-classes 使框浮动在其标记所在的位置之上）：

<h:dataTable ....>
    ...
    <h:column>
        <a4j:commandLink action="...">
            <rich:effect event="oncomplete" targetId="addedMessage"
                 type="Appear" />
            <rich:effect event="oncomplete" targetId="addedMessage"
                 type="Appear" params="{delay:3.0, duration:1.0}" />
        </a4j:commandLink>

        <a4j:outputPanel id="addedMessage" styleClass="popup_message"
            style="display: none">
            <a4j:outputPanel layout="block" styleClass="popup_content">
                <h:outputText value="Item added!" />
            </a4j:outputPanel>
        </a4j:outputPanel>
    </h:column>
</h:dataTable>

不幸的是，它根本不显示该框。如果我event将“出现”效果更改为onclick它几乎可以按预期工作。单击图标时立即显示，并在 AJAX 操作完成 3 秒后消失。但我不希望它在单击后立即出现，因为表明该项目已添加到购物篮是错误的，而实际上操作还没有开始。当我想指出一些错误或想在框中包含一些项目特定信息时，这变得更加重要，这些信息仅在添加项目后可用。

那么任何想法如何做到这一点？为什么为同一个事件添加两个效果不起作用？

（我已经看过RichFaces 现场演示中的效果示例。这些示例的工作原理几乎相同，只是它们添加了第二个效果并明确说明了for属性。但即使这对我也不起作用。）

更新：我已经尝试rich:toolTip为此目的使用，这实际上似乎非常灵活。但无论我做什么，我都无法将任何内容附加到 的“未完成”（我也尝试过“完成”）事件a4j:commandLink，除了一个效果......似乎有一些关于该事件的错误/未记录的行为. 我刚刚发现了这个错误报告：RF-3427

4

3 回答 3

0

你可以试试rich:notify这个 http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=notify&skin=blueSky

于 2013-10-24T13:12:18.963 回答
0

你试过rich:status吗？我不会发布一段代码。我认为文档会做得很好。

http://livedemo.exadel.com/richfaces-demo/richfaces/status.jsf

于 2013-10-24T13:21:38.927 回答
-1

您在参数之外定义 targetId。你想做的是：

<rich:effect event="oncomplete" type="Appear" params="targetId:'addedMessage',delay:3.0, duration:1.0" />

试试看，我认为它会奏效。

于 2009-03-23T15:23:26.707 回答