jqurid 表格 弹窗layer

/**
 * Created by ThinkPad on 2017/7/8.
 */
var PostDatas = { };
$(document).ready(function () {
    App.init();
    $("#userGrid").jqGrid({
        url: '/main/user/findya',
        postData: PostDatas,
        mtype: "GET",
        styleUI: 'Bootstrap',
        datatype: "json",
        autowidth: true,

        colModel: [
            { label: '序号', name: 'user.id', key: true, width: 75 },
            { label: '姓名', name: 'user.name', width: 100 },
            { label: '手机号', name: 'user.mobile', width: 100},
            { label: '组织名', name: 'organizationUser.organizationName', width:150 },
            { label:'用户类型', name: 'organizationUser.organizationType', width: 80,formatter:ShowType  },
            { label:'app角色', name: 'organizationUser.roleType', width: 60,formatter:ShowApp  },
            { label:'账号状态', name: 'user.status', width: 100,formatter:ShowType1 },
            { label:'操作', width: 150,formatter:ShowOpertator}
    ],
    viewrecords: true,
        height: 'auto',
        rowNum: 10,
        pager: "#userGridPager"
    });
});

var SearchBtn = function()
{
    var sdata = {   // 构建查询需要的参数
        usermobile :$("#mobile").val(),
        username :$("#name").val(),
    };

    var postData = $("#userGrid").jqGrid("getGridParam", "postData");

    $.extend(postData, sdata);

    $("#userGrid").jqGrid("setGridParam", {
        search: true    // (6)将jqGrid的search选项设为true
    }).trigger("reloadGrid", [{page:1}]);   // (7)重新载入Grid表格,以使上述设置生效

}
function ShowType(cellvalue, options, rowObject) {

    switch (cellvalue) {
        case 1:
            return "养殖场人员";
        case 3:
            return "政府人员";
        default:
            return "";
    }
    return "";
}
function ShowApp(cellvalue, options, rowObject) {

    switch (cellvalue) {
        case 1:
            return "管理人员";
        case 2:
            return "运维人员";
        default:
            return "";
    }
    return "";
}
function ShowType1(cellvalue, options, rowObject) {

    switch (cellvalue) {
        case 1:
            return "正常";
        case -1:
            return "停用";
        case -2:
            return "冻结";
        default:
            return "";
    }
    return "";
}
function ShowOpertator(cellvalue, options, rowObject)
{
    var link;
    var rowval = rowObject["user"];
    link="<a href='/user/edit?id="+rowval.id+"' class='btn btn-small btn-primary'>编辑</a>";
    link+="&nbsp;&nbsp;"
    link+="<a href='javascript:void(0);' class='btn btn-danger btn-small' οnclick='BtnDel("+rowval.id+")'>停用</a>";
    return link;
}

function ShowDate(cellvalue, options, rowObject) {

    var timestamp4 = new Date(cellvalue);
    var dt= timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8);
    return dt;
}

function BtnDel(id) {
        layui.use('layer', function() {
        var $ = layui.jquery, layer = layui.layer;
        var postData = {id: id};
        layer.confirm('确认要停用该用户吗? 停用后不可恢复。', {
            btn: ['确认', '取消']

        }, function (index, layero) {

            $.ajax({
                type: "POST",
                url: "/main/user/doDelUser",
                data: postData,
                dataType: "json",
                success: function (data) {
                    layer.msg('信息停用成功!', {icon: 1, time: 2000,});

                    $("#userGrid").jqGrid("setGridParam").trigger("reloadGrid", [{page: 1}]);
                }
            });

        }, function (index) {
            layer.close();
        });
    });
}

function addUser(data) {
    layui.use(['laypage', 'layer'], function () {
        var $ = layui.jquery, layer = layui.layer;
        layer.open({
            type: 2,
            area: ['800px', '550px'],
            title: '添加用户',
            content: ['/main/addUser', 'no'],
            btn: ['保存', '取消'],
            btn1: function (index, layero) {
                var body = layer.getChildFrame('body', index);
                var iframeWin = window[layero.find('iframe')[0]['name']];
                var id = body.find("#id").val();
                var username = body.find("#username").val();
                var usertype = body.find("#usertype").val();
                var roletype = body.find("#roletype").val();
                var organizationName = body.find("#organizationName").val();
                var mobile = body.find("#mobile").val();
                var password = body.find("#password").val();
                if (username == "") {
                    layer.alert('请输入用户名称');
                    return false;
                }

                if (usertype == "0") {
                    layer.alert('请选择用户分类');
                    return false;
                }
                if (organizationName == "") {
                    layer.alert('请输入所属组织');
                    return false;
                }
                if (mobile == ""||mobile.length!=11) {
                    layer.alert('请输入手机号码');
                    return false;
                }
                if (password == "") {
                    layer.alert('请输入密码');
                    return false;
                }
                var postData = {
                    id: id,
                    username: username,
                    usertype: usertype,
                    roletype: roletype,
                    organizationName: organizationName,
                    mobile: mobile,
                    password: password
                };
                layer.msg('你确定要保存用户信息吗?', {
                    time: 60000, //20s后自动关闭
                    btn: ['保存', '取消'],
                    btn1: function (layero, index) {
                        $.ajax({
                            url: "/main/doAddUser",
                            data:postData,
                            dataType: "json",
                            success: function (data) {
                                if (data){
                                    layer.msg('保存成功',{btn: '确定' ,time: 60000,btnAlign: 'c',area: ['150px', '100px'],
                                        btn1:function(index, layero){
                                            window.location.href="/main/userdetail";
                                        }}) ;
                                }else{
                                    layer.msg('保存失败',{btn: '确定' ,time: 60000,btnAlign: 'c',area: ['150px', '100px']}) ;
                                }
                            }
                        });

                    }
                });

            }
        })

    });
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值