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

QQ登录

只需一步,快速开始

查看: 1598|回复: 3

[结贴] data组件使用ajax异步加载的问题

[复制链接]

19

主题

55

帖子

323

积分

中级会员

Rank: 3Rank: 3

积分
323
QQ
发表于 2018-7-10 17:34:23 | 显示全部楼层 |阅读模式
本帖最后由 xichuinfo 于 2018-7-10 17:43 编辑

data组件使用ajax异步加载的问题
data.getOffset()获取的偏移一直是0,上滑无法加载后续数据
async : false 就可以

使用异步的目的是想使用遮罩,加载第一页的时候显示一下

请大神指导

代码请看二楼

19

主题

55

帖子

323

积分

中级会员

Rank: 3Rank: 3

积分
323
QQ
 楼主| 发表于 2018-7-10 17:43:01 | 显示全部楼层
本帖最后由 xichuinfo 于 2018-7-10 17:46 编辑
  1.         Model.prototype.dataCustomRefresh = function(event){
  2.                 var newsData = event.source;
  3.                 var limit = newsData.limit;
  4.                 var page = newsData.getOffset() / limit + 1;
  5.                
  6.                 var self = this;
  7.                
  8.                 if (page == 1) {
  9.                         //显示遮罩
  10.                         this.comp("popOverLoading").show();
  11.                 }
  12.                
  13.                 $.ajax({
  14.                         url : localStorage.getItem("urlpre") + "",
  15.                         contentType : "application/x-www-form-urlencoded; charset=utf-8",
  16.                         type : "post",
  17.                         dataType : "json",
  18.                         async : true,
  19.                         cache : false,
  20.                         data : {
  21.                                 page : page,
  22.                                 limit : limit,
  23.                                 classId : this.classId,
  24.                                 searchKey : this.searchKey,
  25.                         },
  26.                         success : function(ret) {
  27.                                 if (page == 1) {
  28.                                         newsData.loadData(ret[0], false);
  29.                                         newsData.setTotal(ret[0].rows.length * page + limit);
  30.                                 } else {
  31.                                         newsData.loadData(ret[0], true);
  32.                                         newsData.setTotal(ret[0].rows.length * page + limit);
  33.                                 }
  34.                                //隐藏遮罩
  35.                                 self.comp("popOverLoading").hide();
  36.                         },
  37.                         error : function(XMLHttpRequest, textStatus, errorThrown){
  38.                                 //alert(XMLHttpRequest.status);
  39.                                 //alert(XMLHttpRequest.readyState);
  40.                                 //alert(textStatus);
  41.                                 
  42.                                 justep.Util.hint("加载数据失败。",
  43.                                         {
  44.                                                 type : "info",
  45.                                                 position : "bottom"
  46.                                         });
  47.                         }
  48.                 });
  49.         };
复制代码


回复 支持 反对

使用道具 举报

发表于 2018-7-10 17:44:04 | 显示全部楼层
参考/UI2/demo/acc_data/list.w
是data组件的 onCustomRefresh 事件接管刷新的吗??
event.offset  应该就可以得到吧!

异步请求注意问题
http://docs.wex5.com/wex5-ui-question-list-2169
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

19

主题

55

帖子

323

积分

中级会员

Rank: 3Rank: 3

积分
323
QQ
 楼主| 发表于 2018-7-10 17:53:20 | 显示全部楼层
liangyongfei 发表于 2018-7-10 17:44
参考/UI2/demo/acc_data/list.w
是data组件的 onCustomRefresh 事件接管刷新的吗??
event.offset  应该 ...

太感谢了, 请结帖
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-9-25 03:20 , Processed in 0.064736 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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