CN108427694A - 一种微信小程序平台批量删除购物车数据的方法 - Google Patents

Abstract

本发明涉及微信小程序平台技术领域，特别涉及一种批量删除购物车数据的方法。本发明的方法是遍历购物车数组，在for循环开始时定义变量isDelete为false，表示没有删除；如果是删除的数据记录位置index；否则继续循环；删除index位置被选中的元素，并修改isDelete为true，最后把得到的数据重新setData到原购物车数组中。本发明解决了微信小程序平台购物车商品被勾选后不能批量删除的问题。

Description

一种微信小程序平台批量删除购物车数据的方法

技术领域

本发明涉及微信小程序平台技术领域，特别涉及一种批量删除购物车数据的方法。

背景技术

如图1所示，在微信小程序平台下批量删除购物车数据时，使用系统自带的splice方法每次只能删除一条数据，这样就导致用户不能勾选删除多条数据的问题。

发明内容

本发明解决的技术问题在于提供一种批量删除购物车数据的方法；解决微信小程序平台的不能删除多条购物车数据的问题。

本发明解决上述技术问题的技术方案是：

所述的方法是遍历购物车数组，在for循环开始时定义变量isDelete为false，表示没有删除；如果是删除的数据记录位置index，否则继续循环；删除index位置被选中的元素，并修改isDelete为true，最后把得到的数据重新setData到原购物车数组中。

所述的方法具体包括步骤如下：

步骤一、在Page中data里定义购物车变量carts：[]；

步骤二、在onLoad方法体中使用wx.request请求服务器数据，成功后setData到carts数组中；

步骤三、在购物车界面上每一item前面增加checkbox图标，并绑定方法bindCheckbox；

步骤四、在bindCheckbox获得点击的index，根据index获得当前选中的selected状态，然后对item状态取反，并重新设置回carts数组；

步骤五、在购物车底部添加一个删除按钮，绑定方法deleteAll；

步骤六、在deleteAll方法里遍历购物车，并在for循环开始时定义变量isDelete为false，在尾部记录位置index，如果是被选中的就删除，并修改deleteAll为true；

步骤七、把删除后的数据setData原carts数组，并使用方法wx.request更新服务器数据。

本发明的有益效果：当在微信小程序平台的购物车数据进行删除时，在for循环开始时定义变量isDelete为false，在尾部判断，如果是删除的数据记录位置index，否则继续循环，在方法体中删除index位置被选中的元素，并修改isDelete为true，最后把得到数据更新到服务器上，从而达到批量删除购物车数据的目的。

附图说明

下面结合附图对本发明进一步说明：

图1为现有被选中数据的截图；

图2为本发明的方法流程图。

具体实施方式

如图2所示，本发明采用如下步骤：

步骤一、在Page中data里定义购物车变量carts：[]；如：

步骤二、在onLoad方法体中使用wx.request请求服务器数据，成功后setData到carts数组中；如：

步骤三、在购物车界面上每一item前面增加checkbox图标，并绑定方法bindCheckbox；如：

＜icon type＝”{{item.selected ？′success_circle′：′circle′}}”size＝”20”catchtap＝”bindCheckbox″data-index＝”{{index}}”/＞

步骤四、在bindCheckbox获得点击的index，根据index获得当前选中的selected状态，然后对item状态取反，并重新设置回carts数组；如：

步骤五、在购物车底部添加一个删除按钮，绑定方法deleteAll；如：

＜view class＝″select-and-amount″bindtap＝″bindSelectAll″＞

＜icon type＝”{{selectedAllStatus?′success_circle′：′circle′}}”size＝”18”/＞

＜text＞全选＜/text＞

＜text class＝””catchtap＝”deleteAll”＞删除＜/text＞

＜/view＞

步骤六、在deleteAll方法里遍历购物车，并在for循环开始时定义变量isDelete为false，在尾部记录位置index，如果是被选中的就删除，并修改deleteAll为true；如：

步骤七、把删除后的数据setData原carts数组，并使用方法wx.request更新服务器数据

Claims (2)

1.一种基于微信小程序平台批量删除购物车数据的方法，其特征在于：所述的方法是遍历购物车数组，在for循环开始时定义变量isDelete为false，表示没有删除；如果是删除的数据记录位置index，否则继续循环；删除index位置被选中的元素，并修改isDelete为true，最后把得到的数据重新setData到原购物车数组中。

2.根据权利要求1所述的方法，其特征在于：所述的方法具体包括步骤如下：

步骤一、在Page中data里定义购物车变量carts：[]；

步骤二、在onLoad方法体中使用wx.request请求服务器数据，成功后setData到carts数组中；

步骤三、在购物车界面上每一item前面增加checkbox图标，并绑定方法bindCheckbox；

步骤四、在bindCheckbox获得点击的index，根据index获得当前选中的selected状态，然后对item状态取反，并重新设置回carts数组；

步骤五、在购物车底部添加一个删除按钮，绑定方法deleteAll；

步骤六、在deleteAll方法里遍历购物车，并在for循环开始时定义变量isDelete为false，在尾部记录位置index，如果是被选中的就删除，并修改deleteAll为true；

步骤七、把删除后的数据setData原carts数组，并使用方法wx.request更新服务器数据。