关于layer.open() 弹框的使用

在用 layer.open() 追加渲染HTML的时候，完全看不到效果，皆因layui框架需要在最后用 form.render() 方法来渲染表单才可以看到效果，写法如下：

<script>
                layui.use(['form','layer'],function(){
                var form = layui.form;
                var layer = layui.layer;
            
                str = '<div class="layui-form layui-form-pane">';
                str += "<label for='name' class='layui-form-label'>分类名称：</label><input maxlength=5 id='category_name' type='text' style='width:55%;height:36px;' value='"+ category_name +"'>";
                str += '</div>';
                var index = layer.open({
                    title:"编辑分类",
                    area:['325px'],
                    content:str,
                    btn:['确定','取消'],
                    yes:function(){
                        var name = $.trim($('#category_name').val());
                        $.post(
                            '/shopmenu/category_list',
                            {
                                name:name,
                                cid:cid, 
                                type:3,
                                is_must:must2
                            },
                            function(data){
                                // console.log(data);return;
                                var data = $.parseJSON(data);
                                if(data.result){
                                    layer.msg("更改成功", {icon: 6, time:3000});
                                    location.href = "javascript:location.replace(location.href)";
                                }else{
                                    layer.msg(data.msg, {icon: 7, time:3000});return;
                                }
                            }
                        );
                    },
                    btn2:function(){
                        layer.closeAll(index); //关闭当前窗口
                    }
                });

                // 渲染表单
                form.render();
            });
</script>

 

另外, layui框架弹窗的关闭方法走一波，，

关闭当前layer.open()打开的弹窗：
var index = layer.open({});//先赋值这个弹窗
layer.closeAll(index);

//关闭除父级外的子页面
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);//关闭当前页
parent.location.reload();//刷新父级页面
//window.parent.location.replace(location.href)//刷新父级页面

其他的，
layer.closeAll(); //疯狂模式，关闭所有层
layer.closeAll('dialog'); //关闭信息框
layer.closeAll('page'); //关闭所有页面层
layer.closeAll('iframe'); //关闭所有的iframe层
layer.closeAll('loading'); //关闭加载层
layer.closeAll('tips'); //关闭所有的tips层