layui弹框封装方法

本文介绍了三个JavaScript函数:addTable用于添加表格,editTable编辑表格,Lookdetails查看详细信息,以及删除和提交表单的del和loginSubmit方法。还展示了如何通过layer插件实现弹窗和数据确认删除。
摘要由CSDN通过智能技术生成
function addTable(obj,url,objTitle){
    layui.use('layer', function(){
        $(obj).click(function(){
            layer.open({
                type: 2,
                title:objTitle,
                shadeClose: true,
                shade: 0.8,
                offset:"100px",
                move:false,
                scrollbar:false,
                resize:false,
                area: ['600px', '500px'],
                content:[url]
            })
        })
    })
}
function editTable(obj,objTitle){
    layui.use('layer', function(){
        var url = $(obj).attr("data-id")
        layer.open({
            type: 2,
            title:objTitle,
            shadeClose: true,
            shade: 0.8,
            offset:"100px",
            move:false,
            scrollbar:false,
            resize:false,
            area: ['600px', '500px'],
            content:[url]
        })

    })
}
function Lookdetails(obj,objTitle){
    layui.use('layer', function(){
        var url = $(obj).attr("data-id")
        /*$(obj).click(function(){*/
        //var url = $(obj).attr("data-id")
        layer.open({
            type: 2,
            title:objTitle,
            shadeClose: true,
            shade: 0.8,
            offset:"100px",
            move:false,
            scrollbar:false,
            resize:false,
            area: ['600px', '500px'],
            content:[url]
        })
        /*})*/
    })
}

$(function(){
    $(".box_btn .btn_link").click(function(){
        $(this).addClass('on').siblings().removeClass('on');
        var index = $(this).index();

        number = index;
        $('.wrap_box').hide();
        $('.wrap_box:eq('+index+')').show();
    })
})
function del(obj){
    var thisID = $(obj).attr("data-id");
    //loginSubmit(obj,thisID,"delete")

    var dynamicId = $(obj)
        .parents("td")
        .parents("tr")
        .parents("tbody")
        .parents("table").parents("form").attr("id");//动态获取ID
    console.log(dynamicId)
    var serializeArr = $("#"+dynamicId).serializeObject();
    var media1JsonString = JSON.stringify(serializeArr);
    var param = {dynamicId:dynamicId,index:thisID,wayTag:'delete',arrList:media1JsonString};

    layer.confirm("您确定要删除吗?",function(){
        $.ajax({
            type:"POST",
            url: "/personalfile/Sendpost.html",
            data:param,
            success:function (data) {
                layer.closeAll('loading');
                if(data==true){
                    parent.layer.msg('删除成功!', {icon: 1,time:2000,shade:0.2});
                    location.reload(true);
                }else{
                    parent.layer.msg('删除失败!', {icon: 2,time:3000,shade:0.2});
                }
            }
        })
    })
}
function loginSubmit(obj,index,wayTag) {
    var dynamicId = $(obj).parents(".wrap_box").find("form").attr("id");//动态获取ID
    console.log(dynamicId)
    var serializeArr = $("#"+dynamicId).serializeObject();
    var media1JsonString = JSON.stringify(serializeArr);
    var param = {dynamicId:dynamicId,index:index,wayTag:wayTag,arrList:media1JsonString};
    console.log(media1JsonString);
    $.ajax({
        url: "/personalfile/Sendpost.html",    // 提交到controller的url路径
        type: "post",    // 提交方式
        data: param,  // data为String类型,必须为 Key/Value 格式。
        dataType: "json",    // 服务器端返回的数据类型
        success: function () {
            if(true){
                /*var index = parent.layer.open();*/
                parent.layer.closeAll();

                /*alert("提交数据成功");*/
                parent.layer.msg('提交数据成功!', {icon: 1,time:2000,shade:0.2});
                window.parent.location.href="/personalfile/Myyibiao.html";
            }else {
                alert("提交数据失败");
            }
        },
    });
}

//删除信息块表单(企业专属档案)
function enterpriseDel(obj){
    var thisID = $(obj).attr("data-id");
    //loginSubmit(obj,thisID,"delete")

    var dynamicId = $(obj)
        .parents("td")
        .parents("tr")
        .parents("tbody")
        .parents("table").parents("form").attr("id");//动态获取ID
    console.log(dynamicId)
    var serializeArr = $("#"+dynamicId).serializeObject();
    var media1JsonString = JSON.stringify(serializeArr);
    var param = {field:dynamicId,index:thisID,wayTag:'delete',jsonData:media1JsonString};

    layer.confirm("您确定要删除吗?",function(){
        $.ajax({
            type:"POST",
            url: "/enterprisefile/uploadOneTableInfoBlock.html",
            data:param,
            success:function (data) {
                layer.closeAll('loading');
                if(data=="ok"){
                    parent.layer.msg('删除成功!', {icon: 1,time:2000,shade:0.2});
                    window.location.href="/enterprisefile/Myyibiao.html?flag=ajax";
                }else{
                    parent.layer.msg('删除失败!', {icon: 2,time:3000,shade:0.2});
                }
            }
        })
    })
}
//提交信息块表单(企业专属档案)
function enterpriseLoginSubmit(obj,index,wayTag) {
    var dynamicId = $(obj).parents(".wrap_box").find("form").attr("id");//动态获取ID
    // console.log(dynamicId)

    var serializeArr = $("#"+dynamicId).serializeObject();//将表单转换成josn对象,[object Object]
    var media1JsonString = JSON.stringify(serializeArr);
    console.log(media1JsonString);
    var param ;
    var url1="/enterprisefile/uploadOneTableInfoBlock.html";
    param={jsonData:media1JsonString,index:index,wayTag:wayTag,field:dynamicId};
    // console.log(arrList)
    $.ajax({
        type: "post",    // 提交方式
        url: url1,    // 提交到controller的url路径
        data: param, // data为String类型,必须为 Key/Value 格式。
        contentType:"application/x-www-form-urlencoded; charset=utf-8", //请求内容类型(键值对,编码格式utf-8)
        dataType: "text",    // 服务器端返回的数据类型
        success: function (data) {
            if(data=="ok"){
                parent.layer.closeAll();

                /*alert("提交数据成功");*/
                parent.layer.msg('提交数据成功!', {icon: 1,time:2000,shade:0.2});
                window.parent.location.href="/enterprisefile/Myyibiao.html?flag=ajax";
                /*alert("提交数据成功");*/
                /*window.location.href="/enterprisefile/Myyibiao.html?flag=ajax"*/;
            }else {
                alert("提交数据失败 return");
            }
        },
        error:function () {
            alert("提交数据失败 error");
        }
    });
}

$.fn.serializeObject = function(){
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name]) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || 'null');
        } else {
            o[this.name] = this.value || 'null';
        }
    });
    return o;
};
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值