美文网首页
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弹出层表单添加或者编辑表单

    ``` //添加 function add_e(optionss,callback,sub,id_) { va...

  • layer弹出层重置表单

    之前我重置layer弹出层表单都是使用 重置 这种方法,仅仅是使用一个button自带的type属性重置表单,但是...

  • node+ajax实战案例(5)

    6.添加客户 #6.1.点击添加按钮,弹出表单框 #6.2.点击表单框上的保存按钮,发送数据到后台 #6.3.点击...

  • 2019-12-13 elementUI 弹出层表单验证组件的

    这个退样登记 和下面的编辑 是一个功能,都是弹出层 上面的按钮 是弹出一个空白的表单,下面的编辑则是带出原有数据显...

  • Flask-layer

    flask结合layer实现功能: 前端提交表单后,flask返回一段HTML,用于关闭layer提交后的表单。

  • Django快速入门5为博客增加表单

    本章给博客应用添加表单,以便用户可以创建、编辑或删除博客条目。 表单 表单在现代网络中无处不在,但要正确实现它们非...

  • bootstrap editable 可编辑行 输入校验

    bootstraptable的输入,一般有两种形式:可编辑行、弹出form表单; 上一篇介绍了form表单的输入校...

  • elementUI中dialog表单重置

    背景 当前开发的项目需要跳转的比较多,故而做了弹出框表单,开发过程中发现新增、编辑时,elementUI的表单重置...

  • BUI 表单弹出框编辑

    http://www.cnblogs.com/xmax130/p/4737221.html 这个需求比较简单,就是...

  • mysql扩展应用案例

    添加新闻表单 1)用户获取一个可以添加新闻表单的html文件 拿到前端的表单,修改表单项action 2)用户提交...

网友评论

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

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