小程序动态增加删除view

wxml文件:


  
    
      

联营户发货单

{{date}} 发货单分录 {{idx}} {{date}}

js:

// pages/ly/ly.js


/**
 * entry 类 构造函数
 * @param{String}  material  物料
 * @param{String} person  制单人
 * 
 */
function Entry(material, person) {
  this.material = material;
  this.person=person;
}

function Info(){
  this.entrys=[];
}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    date: '2020-03-01' ,
    info:[]
     
  },

   init:function(){
    let that=this;
    this.setData({
      info:new Info(),
    });
   },


  setPerson: function (e) {
    let index = parseInt(e.currentTarget.dataset.idx);
    let person = e.detail.value;
    let info = this.data.info;
    info.entrys[index].person = person;
    this.setData({
      info: info
    });
  },

/**物料输入事件 */
  setMaterial: function (e) {
    let index = parseInt(e.currentTarget.dataset.idx);
    let material = e.detail.value;
    let info = this.data.info;
    info.entrys[index].material = material;
    this.setData({
      info: info
    });
  },
 
 
/**时间 */
  bindDateChange: function (e) {
    this.setData({
      date: e.detail.value
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
     this.init();
  },

  /**新增分录 */
  addEntry:function(e){
    let info=this.data.info;
    info.entrys.push(new Entry());
    this.setData({
      info:info
    });
    
  },

/**新增分录 */
  removeEntry:function(e){
    console.log("删除按钮--");
    let index = parseInt(e.currentTarget.dataset.idx);
   console.log(index);
   let info=this.data.info;
    info.entrys.splice(index, 1);
    //info.entrys.pop();
    this.setData({
      info: info
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
      
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

小程序动态增加删除view_第1张图片

你可能感兴趣的:(小程序学习,微信小程序)