让Layer.tab每次点击都进行刷新

原创已于 2024-01-03 15:18:51 修改 · 626 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2024-01-03 15:17:59 首次发布

本文描述了一个使用层对象和iframe实现的用户界面，针对角色进行菜单授权树的增删改查操作，通过AJAX动态更新URL参数以保持数据新鲜度。

   var tabs = [{
        title: "新增",
        content: "<iframe src='route/role/menu-auth-tree?businessType=save&roleId=" + data.roleId + "' width='100%' height='500px' frameborder='0'></iframe>"
    },{
        title: "删除",
        content: "<iframe src='route/role/menu-auth-tree?businessType=delete&roleId=" + data.roleId + "' width='100%' height='500px' frameborder='0'></iframe>"
    },{
        title: "修改",
        content: "<iframe src='route/role/menu-auth-tree?businessType=update&roleId=" + data.roleId + "' width='100%' height='500px' frameborder='0'></iframe>"
    },
    {
        title: "查看",
        content: "<iframe src='route/role/menu-auth-tree?businessType=query&roleId=" + data.roleId + "' width='100%' height='500px' frameborder='0'></iframe>"
    }];
    top.layer.tab({
        area: ['600px','80%'],
        tab: tabs,
        scrollbar: true,
        maxmin: false,// 最大最小化
        anim: 1,// 弹出方式1-6
        end:function() {// cancel执行完毕后执行
        },
        cancel: function (layero, index) {// 关闭按钮后执行
        },success: function (layero, index) {
            $(layero).find('.layui-layer-title').find("span").each(function(i,domEle){
                $(domEle).click(function() {
                    var urlSrc = $(layero).find('li').eq(i).find('iframe').attr('urlSrc');
                    var src = $(layero).find('li').eq(i).find('iframe').attr('src');
                    var name = $(layero).find('li').eq(i).find('iframe').attr('name');
                    // urlSrc不存在的时候
                    var time = new Date().getTime();
                    if(!urlSrc) {
                        $(layero).find('li').eq(i).find('iframe').attr('src', src+"&time="+time);
                        $(layero).find('li').eq(i).find('iframe').attr('urlSrc', src);
                    }else {
                        $(layero).find('li').eq(i).find('iframe').attr('src', urlSrc+"&time="+time);
                    }
                });
            });
        },error:function (layero, index) {
        },
        change:function(index) {
        }
    });