微信小程序 實例應用（記賬）詳解
更新時間：2016年09月28日 14:13:14 作者：756567406
這篇文章主要介紹了微信小程序 實例應用（記賬）詳解的相關資料,需要的朋友可以參考下
微信小程序-記賬小應用
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,
});
}
})
通過此文，希望大家對微信小程序了解，并應用，謝謝大家對本站的支持！
相關文章
這篇文章主要為大家介紹了Three.js相機Camera控件知識梳理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了微信小程序 下拉菜單的實現(xiàn)的相關資料,需要的朋友可以參考下2017-04-04
這篇文章主要為大家介紹了JS微前端MicroApp基礎使用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序checkbox組件詳細介紹的相關資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了Javascript基礎知識中關于內置對象的相關知識的相關資料,需要的朋友可以參考下面小編薇大家?guī)淼木饰恼?/div> 2021-09-09
這篇文章主要講解JavaScript嚴格模式不支持八進制的問題，本文圍繞JavaScript嚴格模式展開內容，詳細介紹為什么JavaScript嚴格模式不支持八進制，下面來看看詳細介紹,需要的朋友可以參考一下2021-11-11
一說到JavaScript的數組，大家基本都能馬上想起pop()、push()、shift()、unshift()、indexof()等等，今天小編就給大家分享幾個開發(fā)中常用的js數組方法即他們的用法。需要的朋友可以參考下面文章的具體內容2021-09-09
這篇文章主要為大家介紹了一次JS滾動到頂部踩坑解決記錄過程分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了Javascript 常見的高階函數的相關資料，高階函數，英文叫 Higher Order function。一個函數可以接收另外一個函數作為參數，這種函數就叫做高階函數,需要的朋友可以參考一下2021-09-09
這篇文章主要為大家介紹了lodash里的toLength和toPairs方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08最新評論