TseWayne
TseWayne
  • 发布:2016-03-03 17:18
  • 更新:2016-03-04 08:30
  • 阅读:2348

搜索列表中,下拉加载。第二次搜索时,列表不返回顶部,末尾一直显示没有更多数据了。IOS上

分类:MUI

RT!

本人做的搜索功能:
分为父页面,子页面;父页为input,点击按钮;子页面为 搜索结果列表;
input输入关键字后,点击搜索按钮。子页面显示结果列表!

第一次搜索的时候,将 列表拉至最低(直到显示“没有更多数据了”)。

第二次搜索的时候,列表不返回顶部(显示为空白页)。滑动一下屏幕,可以显示出搜索列表!但是下拉加载没有效果了,一直在列表尾部显示“没有更多数据了”。

2016-03-03 17:18 负责人:无 分享
已邀请:
TseWayne

TseWayne (作者)

求指导!

DCloud_UNI_FXY

DCloud_UNI_FXY

每次搜索自己将页面滚动到顶部,并重置一下下拉刷新,上拉加载。

  • TseWayne (作者)

    怎么滚到顶部?并重置上拉加载?

    ios:mui('#pullrefresh').pullRefresh().scrollTo(0,0);

    mui('#pullup-container').pullRefresh().refresh(true);

    2016-03-04 08:33

TseWayne

TseWayne (作者)

(function($) {  

            //阻尼系数  
            var deceleration = mui.os.ios?0.003:0.0009;  
            $('.mui-scroll-wrapper').scroll({  
                bounce: false,  
                indicators: false, //是否显示滚动条  
                deceleration:deceleration  
            });  
            $.ready(function() {  
                //循环初始化所有上拉加载。  
                $.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {  
                    //console.log(pullRefreshEl);  
                    $(pullRefreshEl).pullToRefresh({  
                        up: {  
                            contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容  
                            contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;  
                            callback: function() {  
                                var self = this;  
                                var divType = pullRefreshEl.getAttribute('id');  
                                setTimeout(function() {  
                                    var str = '';  
                                    var fragment = document.createDocumentFragment();  
                                    var li;  
                                    if(divType == "company_list"){  
                                        var keyword = document.getElementById('kw-c').getAttribute('title');  
                                        var linum = mui('.kw-c li').length;  
                                    }else{  
                                        var keyword = document.getElementById('kw-p').getAttribute('title');  
                                        var linum = mui('.kw-p li').length;  
                                    }  

                                    mui.ajax({  
                                        url:urlCell,  
                                        type:'post',  
                                        data:{type:"search",kw:keyword,size:'8',offset:linum,cityNow:cityNow},  
                                        dataType:'json',  
                                        success:function(result){  

                                            if(result['company'] && divType == "company_list"){  
                                                mui.each(result['company'],function(index,item){  
                                                    li = document.createElement('li');  
                                                    li.className = 'mui-table-view-cell mui-media';  

                                                    str = "<a href='javascript:;' id='"+item['userid']+"' title='cinfo'>"+  
                                                                "<img class='mui-media-object mui-pull-left' src='";  
                                                    if(item['thumb']){  
                                                        str += item['thumb'];  
                                                    }else{  
                                                        str += "../images/default_photo.png";  
                                                    }  
                                                    str +="'>";  
                                                    str += "<div class='mui-media-body tse-mb'>"+  
                                                                item['company']+  
                                                                "<p class='mui-ellipsis tse-mg-tb'>"+item['business']+"</p>"+  
                                                                "<p class='mui-ellipsis'>"+item['sname']+"/"+item['cname']+"</p>";  
                                                    if(item['validated']==1){  
                                                        str += "<img src='../images/badge_official.png' class='mui-media-objec tse-mb-img'/>";  
                                                    }  
                                                    str += "</div></a>";  

                                                    li.innerHTML = str;  
                                                    fragment.appendChild(li);  
                                                });  
                                                document.querySelector('#kw-c').appendChild(fragment);  
                                                self.endPullUpToRefresh();  

                                            }else if(result['product'] && divType == "product_list"){  
                                                mui.each(result['product'],function(index,item){  
                                                    li = document.createElement('li');  
                                                    li.className = 'mui-table-view-cell mui-media';  

                                                    str = "<a href='javascript:;' id='"+item['itemid']+"' title='pinfo'>"+  
                                                                "<img class='mui-media-object mui-pull-left' src='";  
                                                    if(item['thumb']){  
                                                        str += item['thumb'];  
                                                    }else{  
                                                        str += "../images/default_photo.png";  
                                                    }  
                                                        str +="'>";  
                                                        str += "<div class='mui-media-body'>"+  
                                                                    item['title']+'-'+item['itemid']+  
                                                                    "<p class='mui-ellipsis'>价格:<span class='tse-font-red'>"+item['price']+"</span>"+  
                                                                    "销量:"+item['sales']+"</p>"+  
                                                                "</div></a>";  

                                                    li.innerHTML = str;  
                                                    fragment.appendChild(li);  
                                                });  

                                                document.querySelector('#kw-p').appendChild(fragment);  
                                                self.endPullUpToRefresh();  
                                            }else{  
                                                self.endPullUpToRefresh(true);  
                                            }  
                                        }  
                                    });  

                                }, 1000);  
                            }  
                        }  
                    });  
                });  
            });  
        })(mui);

该问题目前已经被锁定, 无法添加新回复