Question

我有一个页面，我在其中显示从Web服务加载的对象列表。可能还要等一下。现在我想用Ajax方式做，首先显示页面，然后加载列表。虽然列表正在加载，但应显示动画。任何人都可以举个例子来说明如何用JSF / ICEFaces做到这一点？感谢。

Answer 1

好的，我自己解决了。

以下是我的表现：

在Managed Bean的构造函数中，我正在调用一个创建并启动新线程的方法。该线程加载对象。只要对象存在，我的bean的'loading'标志就被设置为false和

PersistentFacesState.getInstance().renderLater();

被调用。 'loading'最初设置为false。

这是以异步模式加载对象的方法：

 private void asyncLoading() {
            final MyBackingBean bean = this;
            final String userName = CallerContextUtil.getCurrentUserCompany();
            new Thread() {
                @Override
                public void run() {
                    bean.setLoading(true); 
                    PersistentFacesState.getInstance().renderLater();       
                    load(userName );                
                    bean.setLoading(false);             
                    PersistentFacesState.getInstance().renderLater();                   
                }
            }.start();      
        }

在视图中，我在加载标志的状态下显示或隐藏动画加载图像。

我不知道这是否是最好的，甚至是一个好的解决方案。欢迎提出意见。

Answer 2

最好使用SessionRenderer。查看我的ICEfaces书籍示例（http://icecube-on-icefusion.googlecode.com/）并搜索progressDialog标记以获取示例。或者书中的第244ff页。

Answer 3

强烈建议不要在J2EE服务器中创建新线程。管理线程是服务器的工作。

当您的页面加载时，您可以要求使用ajax提交icefaces表单，这应该可以解决问题。

Answer 4

我想我已经回答了这个问题，因为我对ajax样式加载有同样的麻烦..

潜伏在许多网站和icefaces论坛后，我有这个代码，没有使用线程：

首先你必须下载jquery，然后代码是这样的：

<script type="text/javascript" src="js/jquery-1.6.min.js"/>
        <script type="text/javascript">
            var j = jQuery.noConflict();

            j(document).ready(function(){
                j(".wrapper-popup-loading").hide();
            });

            function icesubmitlocal() {
                var windowWidth = document.documentElement.clientWidth;
                var windowHeight = document.documentElement.clientHeight;
                var popupHeight = j(".wrapper-popup-loading").height();
                var popupWidth = j(".wrapper-popup-loading").width();

                j(".wrapper-popup-loading").css({
                    "position": "absolute",
                    "top": windowHeight/2-popupHeight/2,
                    "left": windowWidth/2-popupWidth/2
                }).show();
                j(".wrapper-popup-white").show();
            }


            function icereceivelocal() {
                j(".wrapper-popup-loading").hide();
                j(".wrapper-popup-white").hide();
            }

            function init() {
                Ice.onSendReceive('document:body',icesubmitlocal,icereceivelocal);
            }
        </script>

        <body onload="init()" id="outputBody1" style="-rave-layout: grid">

基本的想法很简单，每个ajax调用你只需要显示弹出的div，并且每次你从icefaces js收到确认，你只需要隐藏弹出窗口，

弹出式面板是这样的：

<div class="wrapper-popup-loading"><!-- start wrapper -->
                    <div class="wrapper-popup-white"><!-- start wrapper -->
                        <center>
                            <img src="images/aed-popup.png" alt="" style="margin-top: 5px;"/>
                            <br />
                            <img src="images/aed-garuda.gif" alt="" style="margin-top: 5px;"/>
                        </center>
                    </div>
                </div><!-- end footer -->

然后，每次ajax请求打开，你的弹出窗口显示，如果ajax停止，你的弹出窗口就是隐藏..

希望这有帮助......谢谢

使用IceFaces加载Ajax样式

4 个答案: