AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

微信小程序 实例应用(记账)详解

51自学网 http://www.wanshiok.com
微信小程序,实例,微信小程序,记账功能

 微信小程序-记账小应用

github地址:  https://github.com/HowName/account-note

var util = require("../../utils/util.js");//获取应用实例var app = getApp();Page({ data: {  userInfo: {},  buttonLoading: false,  accountData:[],  accountTotal:0 }, onLoad: function () {  console.log('onLoad')  var that = this;   // 获取记录  var tempAccountData = wx.getStorageSync("accountData") || [];  this.caculateTotal(tempAccountData);  this.setData({    accountData: tempAccountData  });  }, // 计算总额 caculateTotal:function(data){   var tempTotal = 0;   for(var x in data){     tempTotal += parseFloat(data[x].amount);   }   this.setData({    accountTotal: tempTotal   }); }, //表单提交 formSubmit:function(e){   this.setData({    buttonLoading: true   });    var that = this;   setTimeout(function(){     var inDetail = e.detail.value.inputdetail;     var inAmount = e.detail.value.inputamount;     if(inDetail.toString().length <= 0 || inAmount.toString().length <= 0){       console.log("can not empty");       that.setData({        buttonLoading: false       });       return false;     }      //新增记录     var tempAccountData = wx.getStorageSync("accountData") || [];     tempAccountData.unshift({detail:inDetail,amount:inAmount});     wx.setStorageSync("accountData",tempAccountData);     that.caculateTotal(tempAccountData);     that.setData({       accountData: tempAccountData,       buttonLoading: false     });    },1000); }, //删除行 deleteRow: function(e){   var that = this;   var index = e.target.dataset.indexKey;   var tempAccountData = wx.getStorageSync("accountData") || [];   tempAccountData.splice(index,1);   wx.setStorageSync("accountData",tempAccountData);   that.caculateTotal(tempAccountData);   that.setData({    accountData: tempAccountData,   }); }})

通过此文,希望大家对微信小程序了解,并应用,谢谢大家对本站的支持!


微信小程序,实例,微信小程序,记账功能  
上一篇:iOS和Android用同一个二维码实现跳转下载链接的方法  下一篇:JavaScript 闭包详细介绍