美文网首页
layer弹出层表单添加或者编辑表单

layer弹出层表单添加或者编辑表单

作者: 宿州刘德华 | 来源:发表于2018-09-18 08:20 被阅读0次

    ```

    //添加

    function add_e(optionss,callback,sub,id_) {

        var defaults = {

            dialog:'Dialog_',

            formId:'editForm',

            title:'小窗口',

            model_name:'',

            id:undefined,

            queryParams:{},

            width:644,

            height:500,

            datagrid:"grid",

        };

        var optionss = $.extend(defaults, optionss);

        $.post(optionss.model_name+(sub==undefined?'/edit/':sub)+(id_==undefined?'':id_),

            {queryParams:optionss.queryParams,}, function(str){

            layer.open({

                type: 1,

                area: [optionss.width,optionss.height],

                fix: false, //不固定

                maxmin: false,

                shade:0.4,

                title:(id_==undefined?"新增":"编辑")+"-"+optionss.title,

                content: str,

                success:function () {

                    try{

                        editor=KindEditor.create('.keditor', {

                            themeType : 'default',

                            uploadJson : '/file/up',

                            fileManagerJson : '/file/manager',

                            allowFileManager : false

                        });

                    }catch(e){}

                },

                end: function(){

                    var table = layui.table;

                    table.reload(optionss.datagrid, {});

                },

                btn: ['保存', '取消']

                ,yes: function(index, layero){

                    var form=layui.form;

                    form.on('submit('+optionss.submitbtn+')', function (data) {

                        $.post(optionss.model_name+'/save',$('#'+optionss.formId).serialize(),function (result) {

                            var json = result;//$.parseJSON(result);

                            if (json && json.success) {

                                layer.msg(result.msg,{

                                    icon : 6,

                                    time : 1200

                                },function () {

                                    layer.closeAll();

                                });

                            }else{

                                layer.msg(result.msg,{

                                    icon : 5,

                                    time : 1200

                                })

                            }

                        })

                      return false;

                    });

                    document.getElementById(optionss.submitbtn).click();

                },btn2: function(index, layero){

                    layer.closeAll();

                }

            });

        });

    }

    /*使用方法*/

    var eoption = {

            submitbtn:'staff_form_submit',

            formId:'eeditForm',

            datagrid:'staffgrid',

            title:'人员',

            model_name:'/logistical/staff',

            height:631,

        };

        //添加员工

        function staff_add() {

            add_e(eoption);

        }

        //编辑员工

        function edits() {edit_e(eoption);

        }

    ```

    相关文章

      网友评论

          本文标题:layer弹出层表单添加或者编辑表单

          本文链接:https://www.haomeiwen.com/subject/gzoenftx.html