商品SKU组合查询插件 小程序版

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

介绍

商品SKU组合查询插件 小程序版 按照原微信版 https://github.com/shinezzil/Zsuit 简单修改成小程序版

完整包下载:https://www.90pan.com/b1566834 密码：z7k2

开源地址:https://gitee.com/web/Zsuit_small

软件架构

按照原微信版 https://github.com/shinezzil/Zsuit 简单修改成小程序版

使用说明

//实例化对象
var zsSuit = require('../../utils/ZsSuit.js');

//配置
zsSuit.config();

//设置层级
zsSuit.set(1, 3);//第二层级，选中了值为3的选项

//取消层级设置
zsSuit.unset(1);

//设置回调,名称是插件指定的，不可变
zsSuit.callBack = function(data,skuId){}

使用流程

1.将全部套装数据按照层级关系生成JSON对象

var suitRuleInfo= {"123":"1_2_10","234":"1_3_11","345":"2_3_10","456":"3_1_11","789":"4_1_10"};

配置已有套装参数

zsSuit.config({'suitRuleInfo':suitRuleInfo});

3.设置回调函数，data表示不可选层级，skuId表示确定了唯一套装ID。每一次set或unset操作，都会触发此函数的回调。

zsSuit.callBack = function(data, skuId){
    //不可选处理,i表示层级
    for(var i in data){
        //...
    }
};

4.套装选择事件

//取消还是设置
    if(chooseFlag){
        zsSuit.unset(position, curVal);
    }else{
        zsSuit.set(position);
    }