HelloMUI例子中的下拉刷新

分类：MUI

下拉刷新

例子中的下拉刷新，如果有新记录就会追加到li前面。

现在的要求是：不管当前页面已经上拉加载了多少记录了，下拉刷新后，显示最新的10条记录，其余的再上拉加载进行查看。

我在HelloMUI的demo里面改了一下：

/**  
             * 下拉刷新具体业务实现  
             */  
            function pulldownRefresh() {  
                setTimeout(function() {  
                    var table = document.body.querySelector('.mui-table-view');  
                    table.innerHTML='';//追加前先将原来的数据清除  
                    var cells = document.body.querySelectorAll('.mui-table-view-cell');  
                    for (var i = cells.length, len = i + 20; i < len; i++) {  
                        var li = document.createElement('li');  
                        li.className = 'mui-table-view-cell';  
                        li.innerHTML = '<a class="mui-navigate-right">Item ' + (i + 1) + '</a>';  
                        //显示最新的20条数据；  
                        table.appendChild(li);  
                    }  
                    mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed  
                }, 1500);  
            }

这样是可以实现我的要求，但是，如果我上拉加载了所有数据，出现“没有更多数据了”后，如果我再下拉刷新，新的数据是可以显示，但“没有更多数据了”仍然存在，我不可以再进行上拉加载。

请大家帮帮忙，初次接触MUI，谢谢！

2015-08-04 17:57 负责人:无分享

6 个回复

GETONE

1.把endPulldownToRefresh放到loadUnions的ajax完成或发生错误里边。
2.在调用mui('#pullrefresh').pullRefresh().endPulldownToRefresh();之后紧接着调用mui('#pullrefresh').pullRefresh().refresh(true);

参考：http://ask.dcloud.net.cn/question/8098?notification_id-41668rf-falseitem_id-14015__answer_id-14015__single-TRUE#!answer_14015