scroll-view实现上拉加载(tab切换多页数据加载)
来源:互联网 发布:淘宝 废铁战士 编辑:程序博客网 时间:2024/06/18 13:26
原文链接:http://www.xiaoshu168.com/wxapplet/121.html
var app = getApp();const _JulijiaUrl = require('../../utils/baseurl');const requestUtil = require('../../utils/httpHelper');var GetList = function (that) { var page = that.data.page; var p = page[that.data.currentTab]; var typeid = that.data.typedata[that.data.currentTab].id; requestUtil.httpGet(_JulijiaUrl.julijia_newslistpage, { page: p, typeid: typeid }, function (res) { var pagelist = that.data.listdatat; for (var i = 0; i < res.length; i++) { pagelist[that.data.currentTab].data.push(res[i]); } p++; page[that.data.currentTab] = p; that.setData({ listdatat: pagelist, page: page }); });} Page({ data: { /** * 页面配置 */ winWidth: 0, winHeight: 0, // tab切换 currentTab: 0, typedata:'', listdatat:'', page:[], typeid:'', }, onLoad: function () { var that = this; /** * 获取系统信息 */ wx.getSystemInfo({ success: function (res) { that.setData({ winWidth: res.windowWidth, winHeight: res.windowHeight }); } }); /** * 请求回调 */ requestUtil.httpGet(_JulijiaUrl.julijia_newslist, {}, function (res) { /** * 设置分页参数 */ var page = that.data.page; for (var p = 0; p < res.typeData.length; p++) { page.push(2); } that.setData({ typedata: res.typeData, listdatat: res.listDta, typeid: res.typeData[0].id }); }); }, /** * 滑动切换tab */ bindChange: function (e) { var that = this; that.setData({ currentTab: e.detail.current, typeid: e.target.id }); }, /** * 点击tab切换 */ swichNav: function (e) { var that = this; if (this.data.currentTab === e.target.dataset.current) { return false; } else { that.setData({ currentTab: e.target.dataset.current, }); } that.setData({ typeid: e.target.dataset.id }); }, /** * 绑定下拉加载 */ bindDownLoad:function(e) { var that = this; GetList(that); },});
阅读全文
0 0
- scroll-view实现上拉加载(tab切换多页数据加载)
- 微信小程序-scroll-view横向滚动和上拉加载
- 小程序 使用scroll-view实现上拉加载,下拉刷新
- 微信小程序开发(十四)scroll-view实现下拉刷新上拉加载更多
- 微信小程序上拉刷新和下拉加载2种方法实现,onPullDownRefresh,scroll-view使用
- 微信小程序中使用scroll-view控件实现上拉加载更多遇到的坑
- scroll实现上拉加载,下拉刷新,轮播图效果
- 上拉加载实现
- better-scroll实现下拉刷新、上拉加载更多(巨简单...)
- Ionic之如何使用ion-infinite-scroll实现上拉加载,下拉刷新的功能
- 微信小程序—Tab 切换,下拉刷新,上拉加载(适用1221)
- 关于scroll的上拉刷新下拉加载
- ionic实现上拉加载更多(组件 ion-infinite-scroll使用,以及多次加载的问题)
- mui -- 选项卡切换+上拉加载
- listview实现上拉加载
- ScrollView上拉加载实现
- 自定义下拉刷新上拉加载View
- 怎么向xlistview中添加view实现上拉加载,下拉刷新
- 没有tcp server能直接connect建立连接?
- 安卓 打造通用的SDK
- jvm内存架构模型
- android.view.View.getImportantForAccessibility()
- 官方Property Animation翻译(全部)以及批注
- scroll-view实现上拉加载(tab切换多页数据加载)
- Android常用自定义形状方式
- maptask 个数(并行度)决定机制
- poj 3068 "Shortest" pair of paths
- MySQL的命令学习
- Mentor Graphics FloEFD v16.2
- 欢迎使用CSDN-markdown编辑器
- 获取 url 中的参数
- getFilePath ZipOutputStream