列表页 编辑页 删除页
登录完成了。剩下的就只剩下列表和修改删除了。
列表页比较简单。通过日期查询，然后获得数据进行wx:for进行展示，很简单，不贴了。修改和删除的时候，用的<button>组件，好吧，遇到了一个麻烦，就是怎么传参数的问题，百度了一下，通过data*进行参数传递，后台直接获得e.
update:function(e){console.log(e.currentTarget.dataset.updateid)wx.navigateTo({url: '../update/update?id=' + e.currentTarget.dataset.updateid})},同样，删除的话，不需要跳转，直接进行wx.request将id传到后台，删除就OK了。
列表页比较简单，就不说了。好吧，头大的来了，修改页：
<view class="container"><view><form bindsubmit="updatesubmit"><view><input name='id' hidden='true' value="{{payEdit.id}}"></input><view><text>消费金额</text><input name="name" type="number" maxlength="11" placeholder="请输入金额" value="{{payEdit.SailMoney}}"></input></view><view class='section-title'>消费类型</view><view><picker bindchange='bindPickerChange' name='mypicker' value='{{payEdit.addOrOut}}' range='{{array}}'><view class='picker'>当前选择：{{array[item.addOrOut]}}</view></picker></view><view><text>消费信息</text><input class="flex-1" name="address" type="text" maxlength="11" placeholder="请输入详细信息" value="{{payEdit.SailDetails}}"/></view><view class="delivery-time flex flex-align-center flex-pack-justify"><text>消费日期</text><picker id='timePicker' mode="date" value="{{payEdit.SailTime}}" bindchange='changtime'><view class="picker">当前选择: {{payEdit.SailTime}}</view></picker></view><view class="receipt-true"><button class="btn_login" formType="submit" type='primary'>修改</button></view> </view></form></view>
</view>后台通过传递的参数，获得数组列表。这个地方开始头大了，一开始用的是wx:for进行的展示，然后展示没有问题，问题来了，日期那个地方，<picker type='date'>这个值是需要可以修改的，通过bindchange的changtime方法进行，方法比较简单，但是修改就来事了。因为通过wx:fro进行绑定的时候，用的是item.SailTime。怎么去设置item.SailTime的值呢，找资料，查百度，没有任何解决办法。后台提示的就是，该类 undifine。设置 picker的id，设置value同样的undefine。找啊找，寻啊寻。网上介绍picker的资料一大堆，但是结合wx:for的一点资料都没有。怎么办？抽根烟。突然想到，是不是我的思路有问题，不应该用wx:for进行绑定。既然后台传过来的是一个json数组，我直接获得这个数组，进行绑定不就OK了么？试试
data: {array: ['收入', '支出'],index: 0,payEdit:[],//定义一个edit数组datetime: (new Date()).toLocaleDateString()},onLoad: function (options) {console.log(options.id);var THIS=this;wx.request({url: 'http://localhost:62389/' + options.id + '/GetPayDetailById',method:'GET',header:{'Accept':'application/json'},data:{},success:function(res){THIS.setData({payEdit:res.data[0]//将值进行数组赋值
})}})},然后前台通过payEdit进行绑定。世界清净了，完事了。。。。。原来换个思路的问题就是这么简单。耗费了一个多小时的时间。。。。。。。真的是思路决定出路啊~剩下的就很简单了。form表单。wx.request后台交互。完成之后，redirect一下列表页面。OK，结束。
太天真了。redirect，无法跳转，贴一下代码
updatesubmit: function (e) {wx.request({url: 'http://localhost:62389/UpdatePayById',contentType:'application/json',method:"POST",data: { id: e.detail.value.id, sailMoney: e.detail.value.sailMoney, inorout: e.detail.value.mypicker, Details: e.detail.value.Details, timePicker: e.detail.value.timePicker},success:function(res){if (res.data.status == 0) {wx.showToast({title: res.data,icon: 'loading',duration: 1500});} else {wx.showToast({title: res.data,icon: 'success',duration: 1000});setTimeout(function () {wx.redirect({url:'../api/api'})}, 1000)}}})},不跳转，重点说三遍，不跳转。。。。好吧，继续度娘。原来这玩意还分是否带有tabbar .如果要跳转到tabbar页面只能用 switchTab。只有跳转到非tabbar页面才能用redirect这东东。好吧，坑咋就这么多呢？
试了一下，果然行了，但是跳转之后List页面却不刷新，我想更新之后刷新啊，这咋办，继续度娘。终于，世界清净了，啥也不说了，贴代码
updatesubmit: function (e) {wx.request({url: 'http://localhost:62389/UpdatePayById',contentType:'application/json',method:"POST",data: { id: e.detail.value.id, sailMoney: e.detail.value.sailMoney, inorout: e.detail.value.mypicker, Details: e.detail.value.Details, timePicker: e.detail.value.timePicker},success:function(res){if (res.data.status == 0) {wx.showToast({title: res.data,icon: 'loading',duration: 1500});} else {wx.showToast({title: res.data,icon: 'success',duration: 1000});setTimeout(function () {wx.switchTab({url: '../api/api',success:function(e){console.log("222")let page =getCurrentPages().pop();if(page == undefined|| page ==null) return;page.onLoad();}})}, 1000)}}})},好吧，这样有个问题，就是onLoad方法里边，必须写入从后台服务器重新查询的数据方法。明明我在List里边的查询按钮里已经有了方法，能不能绑定这个方法呢？就不用再onload一下了。试一下可以。OK。把上面那个page.onLoad()改成
转载于:https://www.cnblogs.com/Lonelychampion/p/11058501.html
列表页 编辑页 删除页相关推荐
- C# 操作Word页眉页脚——奇偶页/首页不同、不连续设置页码、复制页眉页脚、锁定页眉页脚、删除页眉...
序 本文是对Word页眉页脚的操作方法的进一步的阐述.在"C# 添加Word页眉页脚.页码"一文中,介绍了添加简单页眉页脚的方法,该文中的方法可满足于大多数的页眉页脚添加要求,但 ...
- word设置页码不在第一页开始；删除页眉横线的小技巧
(word 2003下操作)上网找如何在WORD中设置页码不在第一页开始,如何删除页眉横线等等细节操作.既然发觉有些都系讲得不明不白,可能是自己理解问题,用自己的语言总结下: WORD中设置页码不在第 ...
- [FUNC]Word页脚插入页码，删除页眉横线
Word插入页脚,删除页眉横线 ;作者:sunwind1576157 ;时间:2019年12月3日 ;最新版网址:https://blog.csdn.net/liuyukuan/article/det ...
- 极速office（Word）怎么删除页眉
有时,我们打开一篇文件里面有设置页眉,那么怎么删除呢?以最常用的极速办公极速office为列. 首先,打开设置有页眉的文件,,如图: 然后,光标点击设置好的页眉,使页眉出于编辑状态,如图: 接着,光标 ...
- html文章标题列表,内容页(文章及产品页)标题该怎么写
内容页(文章及产品页)标题该怎么写 内容导读:可以说,编辑文章(产品详情页)是seo最为基础的工作,但同时也是最重要的工作,因为网站内容的创作是基于用户需求的,所以,好的内容页必须同时注意搜索需求及用 ...
- html怎么让页脚下方的空白页,Word中后面多出来带页眉页脚的空白页怎么删除
WPS中的空白页删不掉怎么办?WPS怎么删除空白页?在编辑WPS文档时,有的时候会出现空白页吗,怎么也删不掉,很是烦人,通常都是按Backspace 删除键进行删除即可;但是如果常规按 Backspa ...
- Word中如何快速删除页眉下的横线？教你一招，轻松解决！
在我们的日常工作中经常会用到Word,而Word中有许多编辑技巧需要我们掌握! 例如,如何快速删除页眉下的横线?如何删除文档中的小箭头?如何将Word转为Excel?等等 下面就来和大家分享4个Wor ...
- 怎么删除html下面多余的空白页,word怎么删除空白页面（word删掉多余空白页方法）...
相信大多数人都碰到过这样的难题,在编辑Word文档的时候,是不是在中间或者是最后一页,莫名其妙的出现空白页,而且这个空白页怎么删都删不掉. 不要着急,今天就给大家分享4种简单又好用的解决方法,总有一种 ...
- Word怎么删除空白页操作方法 Word删除空白页的办法详解oldtimeblog
word怎么删除空白页操作方法 Word删除空白页的办法详解 相信大家对Word办公软件很是熟悉吧,因为我们天天都有在使用它.我们平时在使用Word写文档时,经常遇到在编辑处理完文档后会发现Word中 ...
- PDF文件可以修改吗，PDF怎么删除页眉页脚
随着PDF文件越来越受大家的欢迎,在编辑PDF文件的时候往往就需要很多的技巧,有小伙伴问过小编怎么将文件中的页眉页脚删除,首先PDF文件的编辑是需要用到PDF编辑器的,那么,怎么用编辑器去删除文件中不 ...
最新文章
- 商淘多b2b2c商城系统怎么在个人电脑上安装_社交电商系统开发是否有价值？
- 女生可以学习Web前端吗?
- margin-top失效的解决方法
- python竞赛题解答_【一点资讯】用python解NOIP竞赛题 www.yidianzixun.com
- Java初学者疑难杂症之：一对一和一对多的关系
- 生产环境JVM内存大小配置
- python中test_在python中生成py.test测试
- 开源开放 | 疾病科室、心血管系统疾病知识图谱发布，助力电子病历系统建设...
- stm32的语音识别_基于stm32循迹避障语音控制金属探测蓝牙小车设计（原理图+pcb+源码+参考文档）...
- 渗透测试之Nmap命令（一）
- 命令行查看图片_you-get：使用命令行工具下载网络资源，可下载 B 站视频
- linux查看进程加载了哪些dll,linux下动态链接库的加载及解析过程
- vbe编程真人小代码
- spring boot+thymeleaf+bootstrap 简单实现后台管理系统界面
- HDOJ--1162--Eddy's picture
- 今天刚到货的小米平板2，就出现dnx fastboot mode一直卡死黑屏
- Outlook 2013 英文版 设置收信规则
- 前端UI框架选择区别对比推荐
- 二元函数可微与偏导数_二元函数的连续、偏导数、可微之间的关系
- 计算机科学导论参考文献,物联网毕业论文参考文献精选