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'
                    });
                });

            });
        }

    });

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM