layui弹窗的基本设置+自定义弹窗按钮事件+弹窗中的时间控件+单选框的选中状态改变

//规划编制添加界面
function guihuabianzhi() {
    // layui页面弹窗
    layer.open({
        type : 1,
        title : "添加信息",// 弹窗名字
        offset : '0px' // 整体弹窗距离顶端位置
        ,
        id : 'layerDemo' // 防止重复弹出
        ,
        content : $("#detailTable"),
        area : [ '1800px', '800px' ],// 弹窗面积大小设置
        btn : [ '保存', '关闭' ],// 弹窗下方按钮设置
        // 自定义第二个按钮即关闭按钮事件
        btn2 : function() {
            // 设置单选框的第一个值为未选中状态,true则为选中状态
            $('#itemtype input:radio[name=guihua]')[0].checked = false;
            // 设置单选框的第二个值为未选中状态
            $('#itemtype input:radio[name=guihua]')[1].checked = false;
        },
        closeBtn : 0,// 不显示右上角关闭按钮
        btnAlign : 'c' // 按钮居中
        ,
        shade : 0 // 不显示遮罩
        ,
        // 第一个按钮即保存按钮事件
        yes : function() {
            debugger;
            var _url = CTX + "/planmake/addPlanMake";
            // 将前台所有表单值创建成一个对象
            var _params = $("#form_nonstandard").serializeObjectToJson();
            // 创建一个空对象
            var paramsobject = {};
            // 获取input文本框的值
            var itemname = $("#itemnameinput").val();
            // 获取单选框的选择值
            var itemtype = $('#itemtype input[name="guihua"]:checked').val();
            // 为空对象添加值
            paramsobject["itemname"] = itemname;
            // 将自定义的对象参数值赋予ajax的参数
            _params = paramsobject;
            $.ajax({
                type : "POST",
                url : _url,
                data : _params,
                dataType : "JSON",
                async : false,
                success : function(res) {
                    res = $.parseJSON(res);
                    var itemname = $("#itemnameinput").val();
                    debugger;
                    if (itemname == "") {
                        alert("请填写数据!");
                        return false;
                    }
                    if (res.id != "") {
                        showInfo("保存成功!!!");
                    }
                    nonstandardPkid = res.id;
                    debugger;
                    // 重新加载表格列表
                    initnonstandardTable();
                    // 刷新页面,清空页面所有动态添加设置
                    window.location.reload();
                    // 关闭layui所有弹窗
                    layer.closeAll();
                },
                error : function(res) {
                    showInfo("保存失败");
                }

            })

        },

        success : function(layero, index) {
            // 前端页面代码:<input type="text" class="layui-input time" id="starttime"
            // placeholder="请输入时间" >
            // lay时间控件在弹窗中展示
            layui.use('laydate', function() {
                var laydate = layui.laydate;
                // 同时绑定多个
                lay('.time').each(function() {
                    laydate.render({
                        elem : this,
                        trigger : 'click'
                    });
                });

            });
        }

    });

}

 

posted @ 2020-03-11 13:37  万里哥  阅读(6171)  评论(0编辑  收藏  举报