layui 弹出iframe选择数据并获取数据

乡土气息

已于 2022-10-25 15:36:14 修改

阅读量2.6k

点赞数 1

分类专栏： js 文章标签： javascript 前端开发语言

于 2022-10-25 15:33:25 首次发布

本文链接：https://blog.csdn.net/huangdan891029/article/details/127514441

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

var layer = layui.layer;
layer.open({
            type: 2,  // 2表示弹出的是iframe，1表示弹出的是层
            offset: 'auto',
            title: ['选择题目', 'font-size:18px;'],
            area: ['500px', '300px'],
            scrollbar: true,
            content: '/ask/chooseAskList.do',   // 弹出iframe的页面链接
            btn: '确认选中'
            ,shade: 0.3 //显示遮罩
            ,yes: function(index){

                var iframe = window['layui-layer-iframe' + index]; // 获取弹出层iframe对象
                var data = iframe.getChooseData();   // 执行弹出页面层的方法getChooseData()，获取选中的数据
                if(data != false){
                    console.log(data);
                    layer.closeAll();
                }

            }
        });




// iframe页面，获取选中数据的方法

function getChooseData() {
        var checkStatus = layui.table.checkStatus('list').data;
        var checkedObj = new Array();
        if(checkStatus.length == 0){
            layer.alert('请选择至少一个题目');
            return false;
        }
        for(var i=0;i<checkStatus.length;i++){
            checkedObj.push(checkStatus[i]);
        }
        return checkedObj;
    }