使用layer弹窗和layui表单做新增功能的方法

1、需求：使用layer在弹窗内完成新增，成功后提示并刷新页面（父页面，list页面）

2、实现

页面效果图

页面代码：

构建from表单

网钛淘拍CMS(TaoPaiCMS) V1.60

2013年07月06日 V1.60 升级包更新方式：admin文件夹改成你后台目录名，然后补丁包里的所有文件覆盖进去。1.[新增]后台引导页加入非IE浏览器提示，后台部分功能在非IE浏览器下可能没法使用2.[改进]淘客商品管理 首页 列表页 内容页 的下拉项加入颜色来区别不同项3.[改进]后台新增/修改淘客商品，增加淘宝字样的图标和天猫字样图标改成天猫logo图标4.[改进]为统一名称，“分类”改

下载

              

                  

                    配置名称
                    

                      
                    
                  
                  

                    配置类型
                    

                      
                    
                  
                  

                    配置值 
                    

                      
                      
                    
                  
                  

                    

                      立即提交
                      重置
                    
                  
 
              
    
        

创建layer弹窗

function onAddBtn(){
         //页面层-自定义
        layer.open({
                type: 1,
                title:"新建配置",
                closeBtn: false,
                shift: 2,
                area: ['400px', '300px'],
                shadeClose: true,
               // btn: ['新增', '取消'],
               // btnAlign: 'c',
                content: $("#add-main"),
                success: function(layero, index){},
                yes:function(){
                    
                }
            });
   }

核心提交方法

后台代码

/**
     * 新增配置
     * @return
     */
    @RequestMapping("/add1")
    @ResponseBody
    public ResultEntity addItem(ZkGolbal golbal) {
        ResultEntity res = new ResultEntity();
        try {
            golbal.setStatus("1");
            res.setData(golbalService.addItem(golbal));
            res.setSuccess("success");
            res.setMessage("新增成功");
        } catch (Exception e) {
            res.setMessage("操作失败");
            e.printStackTrace();
        }
        return res;    
    }

更多layui知识请关注PHP中文网layui使用教程栏目。