解决layui内页打开新的tab页面时,不显示的问题。

十点数据 1年前 ⋅ 4481 阅读

调用默认的**xadmin.add_tab添加新tab时,需要刷新界面,新tab才会显示。为了解决这一缺陷,需要在xadmin.js中添加下述代码,新增时改用调用add_tab_f**方法即可。

//在xadmin.js中添加
 Xadmin.prototype.add_tab_f = function (title,url,is_refresh) {
    var element=parent.layui.element;
    var id = md5(url);//md5每个url
//防止重复打开
    for (var i = 0; i < parent.$('.x-iframe').length; i++) {
        if(parent.$('.x-iframe').eq(i).attr('tab-id')==id){
            element.tabChange('xbs_tab', id);
            if(is_refresh)
                parent.$('.x-iframe').eq(i).attr("src",parent.$('.x-iframe').eq(i).attr('src'));
            return;
        }
    };
    element.tabAdd('xbs_tab', {
        title: title
        ,content: '<iframe tab-id="'+id+'" frameborder="0" src="'+url+'" scrolling="yes" class="x-iframe"></iframe>'
        ,id: id
    });
    element.tabChange('xbs_tab', id);
}

调用:

<a onclick="xadmin.add_tab_f('网站设置','http://www.q.com/admin/config')"></a>

全部评论: 0

    我有话说: