微信小程序——数组对象的增删改查

微信小程序——数组对象的增、删、改、查

1.模拟数据的初始化定义

data: {type_name: '项目分类',name_name: '项目名称',type_sId: "",name_sId: "",NumberValue: "", //数量ExplainValue: "", //情况说明RepaiSlip: [] //定义空数组},

2.数据的新增

RepairInfo_add: function() {//创建新增的方法var obj = {};//新增一个空对象//定义对象的属性及初始化obj.oid = this.data.RepaiSlip.length + 1;//定义一个oid，用于根据数组自增obj.otype_sId = this.data.type_sId;//测试数据obj.oname_sId = this.data.name_sId;obj.otype_name = this.data.type_name;obj.oname_name = this.data.name_name;obj.oNumberValue = this.data.NumberValue;obj.oExplainValue = this.data.ExplainValue;let RepaiSlip = this.data.RepaiSlip;RepaiSlip.push(obj);//将对象添加到数组对象//给进行赋值this.setData({RepaiSlip,})},

2.数据的删除

前台按钮绑定删除事件

<view wx:for="{{RepaiSlip}}" wx:for-index="key" wx:key="index"  wx:for-item="item"  style="height:50rpx;margin-top:15rpx"><view class="cross_column"><input disabled="true" value="{{item.oid}}.{{item.oname_name}}({{item.otype_name}})*{{item.oNumberValue}}"></input><text class="text_update" data-oid="{{item.oid}}" bindtap="edit_bind">编辑</text><text class="text_update" data-oid="{{item.oid}}" bindtap="del_bind">删除</text></view></view>

后台根据绑定的oid进行删除

  // 删除按钮事件del_bind: function(e) {//取出要删除数据的oidvar vOid = e.currentTarget.dataset.oid;var RepaiSlip = this.data.RepaiSlip;//从oid的前一个位置开始删除一位RepaiSlip.splice(vOid - 1, 1);console.log(RepaiSlip);this.setData({RepaiSlip})},

3.数据的修改
前台同上面一样，后台调用点击事件

 // 编辑按钮事件edit_bind: function(e) {var vOid = e.currentTarget.dataset.oid;//获取选择行的idvar RepaiSlip = this.data.RepaiSlipconst length = RepaiSlip.lengthif (vOid) {for (let i = 0; i <= length - 1; i++) {if (vOid == RepaiSlip[i].oid) {//找到后进行页面跳转wx.navigateTo({url: 'RepairInfo?JsonData=' + JSON.stringify(RepaiSlip[i])})} else {console.log("没找到结果")}}}},

修改页面接收赋值

  onLoad: function(options) {if (options.JsonData != undefined) {var vData = JSON.parse(options.JsonData)//将传过来的json字符串转换为json数组this.setData({//赋值type_sId: vData.otype_sId,name_sId: vData.oname_sId,type_name: vData.otype_name,name_name: vData.oname_name,NumberValue: vData.oNumberValue,ExplainValue: vData.oExplainValue})}},

4.数据的查询
根据数组的唯一标识循环对比查询

 var vOid = e.currentTarget.dataset.oid;//获取选择行的idvar RepaiSlip = this.data.RepaiSlipconst length = RepaiSlip.lengthif (vOid) {for (let i = 0; i <= length - 1; i++) {if (vOid == RepaiSlip[i].oid) {//找到后进行页面跳转wx.navigateTo({url: 'RepairInfo?JsonData=' + JSON.stringify(RepaiSlip[i])})} else {console.log("没找到结果")}}}

微信小程序——数组对象的增删改查相关推荐

Springboot 整合微信小程序实现登录与增删改查
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:我的大学到研究生自学 Java 之路,过程艰辛,不放弃,保持热情,最终发现我是这样拿到大厂 offer 的! 作 ...
微信小程序之云数据库增删改查
功能实现: tabbar导航栏云数据库增删改查一.效果图: 二.代码 app.json {"pages": ["pages/index/index",&qu ...
微信小程序之云函数增删改查（一）
用云函数向数据库增加数据最近,我在用小程序做毕业设计.在用云函数对数据库进行增删改查的时候,踩了很多坑.为避免更多的人踩坑,跟大家分享一下. 增加数据众所周知,提交数据需要用到form表单,否则是 ...
Spring Boot 整合微信小程序实现登录与增删改查
程序员的成长之路互联网/程序员/技术/资料共享关注阅读本文大概需要 8 分钟. 作者:浮云骑士LIN cnblogs.com/ckfeng/p/12812214.html 项目描述:在微信小程序 ...
小程序数据框有重影_微信小程序云开发数据库增删改查
1.添加数据 onLoad: function (options) { this.adddemo(); }, adddemo:function() { const db = wx.cloud.data ...
微信小程序云开发—数据库增删改查
首先新建小程序项目,后端服务选择"小程序云开发",新建项目成功后,开通云开发,在app.js中添加 wx.cloud.init({traceUser: true,}) 如下图所示, ...
微信小程序云开发实现增删改查操作
初始化云函数 const db = wx.cloud.database();// 连接数据库增加操作 // 添加数据addDate() {db.collection("Test" ...
微信小程序数组对象的添加及删除（Vue2）
一.添加数组添加元素的两个方法(都不去重) 1.数组.push(对象) 直接向数组末尾追加新的元素(不会去重) //this.productTemporary=[] this.productTemp ...
微信小程序——数组对象的增加与删除
wxml文件 <view class="top-part"><view bindtap="doAdd" style="color: ...

微信小程序——数组对象的增删改查

微信小程序——数组对象的增、删、改、查

微信小程序——数组对象的增删改查相关推荐

最新文章

热门文章