无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 产业新闻 >

唐山市网站建设难-【E企盈微信二次开发】小程序如何实现滚动加载数据教程E企盈微信小程序

时间:2021-04-14 23:11来源:唐山市网站建设难 作者:jianzhan 点击:
引言:实际操作恶性事件涵数,关键是将恳求出来的数据信息用concat方式开展合拼,随后取值,我是用的for循环系统装作加上的数据信息,具体新项目中能够换为自身的ajax必须采用的部
--------

唐山市网站建设难

------- 摘要:实际操作恶性事件涵数,关键是将恳求下来的数据信息用concat方式开展合拼,随后取值,我是用的for循环系统装作加上的数据信息,具体新项目中能够换成自身的ajax

需要用到的组件和api

scroll-view(可翻转主视图地区)

wx.showToast(OBJECT)显示信息信息提醒窗 -显示信息loading小菊花用的

需要用到的特性

scrol-view需要特定一个高宽比,这个高宽比能够按自身的要求测算,我应用的是屏幕可用高宽比而且默认设置一页显示信息6个

翻转究竟部关联需要开启的恶性事件

实际操作恶性事件涵数,关键是将恳求下来的数据信息用concat方式开展合拼,随后取值,我是用的for循环系统装作加上的数据信息,具体新项目中能够换成自身的ajax,而且以便仿真模拟载入我加上了一个1.5秒的定时执行器,先启用提醒框api取得成功以后关掉

lower() {

var result = this.data.res;

var resArr = [];
//这里能够应用自身的ajax

for (let i = 0; i i++) {

resArr.push(i);

};

var cont = result.concat(resArr);//合拼恳求的数据信息

console.log(resArr.length);

if (cont.length = 100) {

wx.showToast({ //期内以便显示信息实际效果能够加上一个过多的弹出框提醒“载入中”

title: \ 我也是有底线的\ ,

icon: \ success\ ,

duration: 300

});

return false;

} else {

wx.showLoading({ //期内以便显示信息实际效果能够加上一个过多的弹出框提醒“载入中”

title: \ 载入中\ ,

icon: \ loading\ ,

});

setTimeout(() = {

this.setData({

res: cont

});

wx.hideLoading();

}, 1500)

}

}

取得成功,放详细编码能够立即拷贝运作

js编码
Page({
/**
* 网页页面的原始数据信息
*/
data: {
height: \ \ ,
res: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
},
lower() {
var result = this.data.res;
var resArr = [];
for (let i = 0; i i++) {
resArr.push(i);
};
var cont = result.concat(resArr);
console.log(resArr.length);
if (cont.length = 100) {
wx.showToast({ //假如所有载入进行了也弹一个框
title: \ 我也是有底线的\ ,
icon: \ success\ ,
duration: 300
});
return false;
} else {
wx.showLoading({ //期内以便显示信息实际效果能够加上一个过多的弹出框提醒“载入中”
title: \ 载入中\ ,
icon: \ loading\ ,
});
setTimeout(() = {
this.setData({
res: cont
});
wx.hideLoading();
}, 1500)
}
},
/**
* 生命周期涵数 监视网页页面载入
*/
onLoad: function (options) {
wx.getSystemInfo({
success: (res) = {
this.setData({
height: res.windowHeight
})
}
})
}
})

有关资讯: 手机微信小程序   手机微信小程序开发设计实例教程

---------

唐山市网站建设难

------------ (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866