jQuery加layui生成sku表格实例

所属分类:UI,其他-图表,独立的部件,杂项

 23185  203  查看评论 (12)
分享到微信朋友圈
X
jQuery加layui生成sku表格实例 ie兼容11

更新时间:2020-03-26 23:23:07

更新说明:首次添加规格时,默认加上sku-active类,为了就是在添加规格值时,不用再去选中规格,优化此项


更新时间:2020-03-25 23:45:57

难点在于一下代码

//初始化结果为第一个数组
var result = arr[0];
//从下标1开始遍历二维数组
for (var i = 1; i < arr.length; i++) {
    //使用临时遍历替代结果数组长度(这样做是为了避免下面的循环陷入死循环)
    var size = result.length;
    //根据结果数组的长度进行循环次数,这个数组有多少个成员就要和下一个数组进行组合多少次
    for (var j = 0; j < size; j++) {
        //遍历要进行组合的数组
        for (var k = 0; k < arr[i].length; k++) {
            //把组合的字符串放入到结果数组最后一个成员中
            //这里使用下标0是因为当这个下标0组合完毕之后就没有用了,在下面我们要移除掉这个成员
            result.push(result[0] + "," + arr[i][k]);
            // $('#tbody').append('<tr><td>'+result[0]+'</td><td>'+arr[i][k]+'</td><td><input/> </td></tr>')
        }
        //当第一个成员组合完毕,删除这第一个成员
        result.shift();
    }
}
相关插件-图表,独立的部件,杂项

KCharts-基于Kissy的图表组件集

KCharts,kissy,raphael,基于Kissy的图表,数据可视化,js图表组件,KCharts是基于kissy的数据可视化组件,包含折线图、柱状图、饼图、散点图等图表,定制方便,快速上手
  图表
 43024  345

支持编辑列和添加删除行的表格组件

这是一款基于jquery开发的可动态生成表格的组件
  图表
 29316  314

echarts使用示例

静态使用echarts样式,仅作参考
  图表
 58285  503

动态数据表格插件ZBTable(原创)

能够根据后台传来的JSON数据动态创建的基本功能的JQuery表格插件
  图表
 28310  299

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    穿越时空 0
    2022/3/14 14:30:12
    为什么不能删除呢 回复
    heweicong 0
    2022/1/29 14:53:45
    新加属性 原来在输入框写的信息就没了。。 回复
    知足 0
    2020/10/15 18:15:46
    这个是商品添加,修改的时候该怎么把添加规格那部分回显?
    回复
    Margarita 0
    2020/6/6 23:04:05
    价格和库存这块值如何获取?
        carman1
        2020/9/9 16:50:32
        每一个规格值都有一个name属性,是所属规格的拼音,所以可以根据规格的拼英去遍历
    回复
    . 0
    2020/5/28 17:31:30
    这个咋用啊 搞了一天也没弄明白 回复
    L 0
    2020/5/18 14:12:36
    提供了新的思路,不错不错 回复
    carman 0
    2020/4/2 10:01:34
    无需更换,版本已更新! 回复
    carman 0
    2020/3/26 11:23:08
    建议换一下这段代码哈,加上sku-active这个类
    回复
    carman 1
    2020/3/26 11:22:23
    if (firstTime) {
        $('#sku-wrap').append('<input type="button" class="sku sku-active sku-choose ' + fullName + ' " value="' + skuName + '"><span class="-icon"></span>');
    } else {
        $('#sku-wrap').append('<input type="button" class="sku ' + fullName + ' " value="' + skuName + '"><span class="-icon"></span>');
    }
    回复
    JoviChin 0
    2020/3/26 11:02:03
    这个就很棒!
        carman0
        2020/3/26 11:23:26
        感谢认可!
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复