• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序点击按钮重新加载页面数据

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本人想实现点击提交按钮,将填写的数据显示到父级页面上,

1.首先想着就是实现刷新本页面,百度搜索给的答案是:this.onLoad();这个方法,发现这个不起作用,需要在onShow()这个生命周期才起作用,

2.又使用了

wx.navigateTo({
url: \'\',
})
跳转,虽然可以实现刷新页面数据,但是发现点击返回按钮,是退回到之前的本页面数据;
 
3.也是我解决问题的方法,点击提交数据,重新请求渲染数据的接口,重新赋值;
<view class=\'bigbox-ner\' wx:for="{{courseList}}" wx:key="{{index}}" wx:for-index="index_s">
  <view class=\'courseCon\'>
    <view class=\'bigbox-ner-top\'>
    <text class=\'wen1\'>{{item.course}}</text>
    <text class=\'wen2 {{item.if == "1"?"show":""}}\'>{{item.if=="0"?\'未上\':\'已上\'}}</text>
    </view>
    <view class=\'gang\'></view>
    <view class=\'classner\'>
      <image class=\'icont3\' src=\'/images/u015.png\'></image>
      <text>{{item.title}}</text>
    </view>
    <view class=\'classner-title\'>课程详情</view>
    <view class=\'classner-ner\'>
      <text class=\'xqnr\'>{{item.detail}}</text>
    </view>
    <view class=\'course\'>
      <text class=\'course-w\'>课程进度</text>
      <view class=\'progress\'>
      <progress percent="{{item.baifen}}" border-radius=\'13rpx\' font-size=\'30rpx\' stroke-width=\'18rpx\' activeColor=\'#53985F\' backgroundColor=\'#92C29A\'/>
      </view>
      <view class=\'showProgress\'>{{item.progress}}/{{item.count}}</view>
    </view>
    <view class=\'anniuBox\'  wx:if="{{!item.if}}">
     <button class=\'anniu\' bindtap=\'courseleave\' wx:if = \'{{item.showleave == null}}\'>请假</button>
     <view class=\'reason\' wx:if=\'{{!item.showleave == ""}}\'>缺勤:{{item.showleave}}</view>
    </view>
    <view class=\'anniuBox\'  wx:if="{{!item.std && item.if}}">
     <button class=\'anniu\' bindtap=\'courseFeedback\' data-courseId="{{item.id}}">课堂反馈</button>
    </view>
    <view class=\'leave {{is_show == 1?"show":"hide"}}\' >
      <view class=\'leave_mb\' bindtap=\'close_tit\'></view>
      <view class=\'leace_con\'>
        <view class="close" bindtap=\'close_tit\'>✖️</view>
        <view class=\'tit_title\'>提示</view>
        <textarea placeholder=\'请填写请假原因\' value=\'\' bindinput=\'getval\' focus></textarea>
        <button bindtap=\'submit_leave_val\' data-courseId = "{{item.id}}">提交</button>
      </view>
    </view>

  

submit_leave_val:function(e){
    let that =this;
    let courseId = e.target.dataset.courseid;
  // 提交反馈数据 app.commonRequest(
\'wxapp/person/leave\', \'POST\', { \'student_id\': that.data.studentId, \'period_id\': courseId, \'leave_msg\': that.data.leave_val, }, function (data) { if(data.status == 200){ wx.showToast({ title: \'提交成功\', icon: \'success\', duration: 1000 })
let nowdate1
= that.formatTime1(that.data.currentDate);
    //重新渲染数据, that.getCourseShow(nowdate1, that.data.studentId) }
else{ wx.showToast({ title: \'提交失败\', icon: \'fail\', duration: 1000 }) } }) },

 

getCourseShow: function (showdate, studentId){
    let that = this;
    app.commonRequest(\'wxapp/person/todaycourse\', \'POST\', {
      \'time\': showdate,
      \'student_id\': studentId
    }, function (data) {
      let studentlist = data.datainfo.studentlist;
      let courseList = data.datainfo.res;
      if (courseList == ""){
        that.setData({
          hasData:1
        })
      }else{
        that.setData({
          hasData: 0
        })
      }
      that.setData({
        courseList: data.datainfo.res,
        menberList: data.datainfo.studentlist,
      })
    })
  },

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序setData局部刷新列表发布时间:2022-07-18
下一篇:
关于微信小程序更新机制发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap