zoukankan      html  css  js  c++  java
  • 微信小程序-记账本

    微信小程序-记账小应用

    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,
         });
      }
    })
  • 相关阅读:
    决策树
    minStack及tree学习
    待解决
    前端开发之弹出框系列教程四:Prompt提示输入框
    前端开发之弹出框系列教程三:Msg消息框
    前端开发之弹出框系列教程二:Confirm确认框
    前端开发之弹出框系列教程一:Alert提示框
    制作弹出框系列教程2--遮罩层
    制作弹出框系列教程1--效果预览
    offset client scroll
  • 原文地址:https://www.cnblogs.com/longer756567406/p/5912453.html
Copyright © 2011-2022 走看看