利用layer实现查找带回

子页面：

<div class="row">
    <div class="col-sm-12">
        <form method="get" class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-2 control-label">商品名称：</label>

                <div class="col-sm-10">
                    <input type="text" class="form-control">
                </div>
            </div>
            <div class="hr-line-dashed"></div>
            <div class="form-group">
                <label class="col-sm-2 control-label">所属分类：</label>

                <div class="col-sm-10">

                    <select name="cat_id"  class="form-control">
                        {volist name="cate" id="vo"}
                            <option value="{$vo.id}"
                            {if condition="$cid eq $vo.id"}selected{/if}
                            >{$vo._name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="hr-line-dashed"></div>
            <div class="form-group">
                <label class="col-sm-2 control-label">公共属性：</label>

                <div class="col-sm-8">
                    <input type="text" name="public" class="form-control" id="attrs" value="">
                </div>
                <!-- 查找带回按钮 -->
                <div class="col-sm-2">
                    <button type="button" id="chooseattr" class="btn btn-primary btn-sm"><i class="fa fa-search"></i> 选择属性</button>
                </div>
            </div>
            <div class="hr-line-dashed"></div>
        </form>
    </div>
</div>

<script>
    //设置属性
    $("#chooseattr").on('click',function(){
        layer.open({
            type: 2,
            title: '添加商品',
            shadeClose: true,
            shade: 0.3,
            maxmin: true, //开启最大化最小化按钮
            area: ['400px', '400px'],
            content: "/admin/goods/setAttr/cid/{$cid}",
            offset:'auto'
        });
    });
</script>

父页面：

<div class="row">
    <div class="col-sm-12">
        <form method="get" class="form-horizontal">
            {volist name="tree" id="vo" key="k"}
            <div class="form-group checkwrap">

                <label class="col-sm-2 control-label attrname"> {$vo.name}</label>

                <div class="col-sm-10">
                    {if condition="isset($vo.children)"}
                    {volist name="$vo.children" id="vo2"}
                    <div class="">
                        <label class="text" >
                            <input type="checkbox" name="public_attr_id[]" value="{$vo2.id}" > {$vo2.name}</label>
                    </div>

                    {/volist}
                    {/if}
                </div>
            </div>
            {/volist}

            <div class="hr-line-dashed"></div>
            <div class="form-group">
                <div class="col-sm-4 col-sm-offset-2">
                    <button class="btn btn-primary" type="button">选择带回</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script>
    //查找带回ids
    $("button[type=button]").on('click',function(){
        var ids = [];
        $("input[type=checkbox]:checked").each(function (i,k) {
            ids.push(k.value);
        });

        ids = ids.join(',');
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.$("#attrs").val(ids);
        parent.layer.close(index); //再执行关闭
    });
</script>

转载于:https://my.oschina.net/u/3483680/blog/1829112