起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2614|回复: 7

[结贴] scrollView+List分页

[复制链接]

5

主题

24

帖子

56

积分

初级会员

Rank: 2

积分
56
QQ
发表于 2016-4-25 15:15:47 | 显示全部楼层 |阅读模式
本帖最后由 tonylan 于 2016-4-25 15:17 编辑

QQ截图20160425150943.jpg


我没有用bass。。全部是ajax请求后台操作。

紫色框中的数据,我是直接在 分类的Click事件中获取,加载给Data后呈现的。。。默认一页数据。
搜了下scrollView的文档,有个onPullUp事件,于是想在上滑的时候,加载第二页数据。我需要传递已显示的条数参数,跟每页的条数。

  1. Model.prototype.scrollView1PullUp = function(event){
  2.       var _goodslistData = this.comp('goodslistData');//Data组件
  3.       console.log(_goodslistData.limit + " " + _goodslistData.offset);
  4.         };
复制代码



我想先在onPullUp看看是否能获取到我需要的参数值。。但问题来了。


我就只上滑了一下,右边打印了十几次,我在拉一下,又打印十几次,如果这里我不是打印,是ajax请求,岂不是就请求十几次了?


在帖子里,没有搜解决方法,望指点。。


如果我实现思路是错的。请给个详细点的解决方案! 。3Q


5

主题

24

帖子

56

积分

初级会员

Rank: 2

积分
56
QQ
 楼主| 发表于 2016-4-25 16:37:48 | 显示全部楼层
  1. <div xid="goodslist" class="x-list" component="$UI/system/components/justep/list/list"
  2.                         data="goodslistData" limit="-1" disablePullToRefresh="false"
  3.                         disableInfiniteLoad="false">
  4.                         <ul xid="listTemplateUl2" class="x-list-template">
  5.                           <li class="list-group-item text-center tb-nopadding">
  6.                             <div component="$UI/system/components/justep/row/row"
  7.                               class="x-row" xid="row1">
  8.                               <div class="x-col x-col-10" xid="col1">
  9.                                 <img src="" alt="" xid="image1" height="50px"
  10.                                   style="width:50px;" bind-attr-src=" $model.getImageUrl( val("goods_thumb") )"/>
  11.                               </div>  
  12.                               <div class="x-col" xid="col2">
  13.                                 <label xid="label1" bind-text="val("goods_name")"><![CDATA[gname]]></label>  
  14.                                 <div xid="div1"/>  
  15.                                 <label xid="label2" bind-text="val("shop_price")"><![CDATA[gprice]]></label>
  16.                               </div>
  17.                             </div>
  18.                           </li>
  19.                         </ul>
  20.                       </div>
复制代码

回复 支持 反对

使用道具 举报

发表于 2016-4-26 10:18:42 | 显示全部楼层
这里确实有bug ! 你替换下这两个文件
/UI2/system/components/justep/scrollView/lib/iScrollLite.js
/UI2/system/components/justep/scrollView/scrollView.js

然后执行tools\dist\dist.bat重新合并资源!再试试!

scrollView.rar

5.49 KB, 下载次数: 209

qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

5

主题

24

帖子

56

积分

初级会员

Rank: 2

积分
56
QQ
 楼主| 发表于 2016-4-26 14:08:33 | 显示全部楼层
liangyongfei 发表于 2016-4-26 10:18
这里确实有bug ! 你替换下这两个文件
/UI2/system/components/justep/scrollView/lib/iScrollLite.js
/UI2/ ...

压缩包打不开。。 QQ截图20160426140729.jpg

回复 支持 反对

使用道具 举报

发表于 2016-4-26 14:15:04 | 显示全部楼层
本帖最后由 liangyongfei 于 2016-4-26 14:17 编辑
tonylan 发表于 2016-4-26 14:08
压缩包打不开。。

我再上传一次

scrollView.zip

5.63 KB, 下载次数: 280

qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

5

主题

24

帖子

56

积分

初级会员

Rank: 2

积分
56
QQ
 楼主| 发表于 2016-4-26 14:54:20 | 显示全部楼层

3Q.搞定。。如果上滑事件响应的时候,底部那几个字能变成 进度等待的动态图片就更好了。。可以结贴了哈。。万分感谢!
回复 支持 反对

使用道具 举报

0

主题

2

帖子

6

积分

新手上路

Rank: 1

积分
6
QQ
发表于 2016-4-26 15:55:50 | 显示全部楼层

我也有同样的问题,用你传的文件替换 、 合并资源以后还是出现重复请求的情况
回复 支持 反对

使用道具 举报

0

主题

2

帖子

6

积分

新手上路

Rank: 1

积分
6
QQ
发表于 2016-4-26 16:01:39 | 显示全部楼层
xlshelly 发表于 2016-4-26 15:55
我也有同样的问题,用你传的文件替换 、 合并资源以后还是出现重复请求的情况 ...

已解决,自己搞了个乌龙
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-19 15:55 , Processed in 0.095300 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表