zoukankan      html  css  js  c++  java
  • shop--9.商品类别--批量操作--删除类别(前端)

    productcategorymanagement.js

    $(function() {
        var listUrl = '/o2o/shopadmin/getproductcategorylist';
        var addUrl = '/o2o/shopadmin/addproductcategorys';
        var deleteUrl = '/o2o/shopadmin/removeproductcategory';
        getList();
        function getList() {
            $.getJSON(listUrl, function(data) {
                if (data.success) {
                    $('.category-wrap').html('');
                    var tempHtml = '';
                    //遍历procategorylist的列表
                    data.productcategorylist.map(function(item, index) {
                        tempHtml += ''
                            + '<div class="row row-product-category now">'
                            + '<div class="col-33 product-category-name">'
                            + item.productCategoryName
                            + '</div>'
                            + '<div class="col-33">'
                            + item.priority
                            + '</div>'
                            + '<div class="col-33"><a href="#" class="button delete" data-id="'
                            + item.productCategoryId
                            + '">删除</a></div>'
                            + '</div>';
                    });
                    //填进category-wrap控件里
                    $('.category-wrap').append(tempHtml);
                }
            });
        }
        $('#new').click(function(){
            var tempHtml = '<div class="row row-product-category temp">'
                + '<div class = "col-33"><input class="category-input category" type="text" placeholder="分类名"></div>'
                + '<div class = "col-33"><input class="category-input priority" type="number" placeholder="优先级"></div>'
                + '<div class="col-33"><a href="#" class="button delete">删除</a></div>'
                + '</div>';
            $('.category-wrap').append(tempHtml);
        });
        $('#submit').click(function() {
            var tempArr = $('.temp');
            var productCategoryList = [];
            tempArr.map(function(index, item) {
                var tempObj = {};
                tempObj.productCategoryName = $(item).find('.category').val();
                tempObj.priority = $(item).find('.priority').val();
                if (tempObj.productCategoryName && tempObj.priority) {
                    productCategoryList.push(tempObj);
                }
            });
            $.ajax({
                url : addUrl,
                type : 'POST',
                data : JSON.stringify(productCategoryList),
                contentType : 'application/json',
                success : function(data) {
                    if (data.success) {
                        $.toast('提交成功!');
                        getList();
                    } else {
                        $.toast('提交失败!');
                    }
                }
            });
        });
        
        /*删除数据库中商品类别*/
        $('.category-wrap').on('click', '.row-product-category.now .delete',
            function(e) {
                var target = e.currentTarget;
                $.confirm('确定么?', function() {
                    $.ajax({
                        url : deleteUrl,
                        type : 'POST',
                        data : {
                            productCategoryId : target.dataset.id,
                        },
                        dataType : 'json',
                        success : function(data) {
                            if (data.success) {
                                $.toast('删除成功!');
                                getList();
                            } else {
                                $.toast('删除失败!');
                            }
                        }
                    });
                });
            });
     
        /*删除新增的商品类别*/
        $('.category-wrap').on('click','.row-product-category.temp .delete',
            function(e) {
                console.log($(this).parent().parent());
                $(this).parent().parent().remove();
     
            });
    });
  • 相关阅读:
    新人手册
    使用koa-mysql-session时报错
    自建windows服务器如何部署egg应用
    mac os 10.15 virtualBox6.0.12崩溃
    thinkphp3.2 上传图片兼容小程序
    PHP版本微信支付开发
    php mysql 按照指定年月查找数据 数据库create_time为时间戳
    Mac OS 查看端口和杀死进程
    MAC PHP7 如何disable xdebug
    TCP为什么是三次握手,为什么不是两次或者四次 && TCP四次挥手
  • 原文地址:https://www.cnblogs.com/windbag7/p/9392408.html
Copyright © 2011-2022 走看看