3.9K Star 18.4K Fork 5.3K

卓源软件 / JeeSite 4.x and 5.x

 / 详情

TabPage怎么设置懒加载

已完成
创建于  
2020-05-19 14:43

该问题是怎么引起的?

现在的TabPage是一次性加载所有的页签数据,如果页签过多,一次性加载完速度会有点慢,能不能设置在切换页签的时候加载数据

重现步骤

报错信息

评论 (2)

Barry 创建了任务
Barry 关联仓库设置为卓源软件/JeeSite 4.1
展开全部操作日志

给你一个方案,下面是添加页签方法:

var tabId = 'tabpanel-' + Math.uuid();
var title = '新页签';
$('#tabPage').tabPanel('addTab', {
    id: tabId,
    title: title,
    html: '<scr'+'ipt>js.loading();</scr'+'ipt><iframe id="'+tabId+'-frame" data-src="' + url 
        + '" width="100%" height="100%" frameborder="0" onload="js.closeLoading();"></iframe>',
    closable: true,
    refresh: false,
    onPreClose: function(position){
        
    }
});

上述 iframe 的 src 我修改为了 data-src 实际添加页签后不加载。

然后你再写一个页签点击的绑定事件,如果未加载过,则将 data-src 赋值给 src 属性,否则忽略即可。

给你一个方案,下面是添加页签方法:

var tabId = 'tabpanel-' + Math.uuid();
var title = '新页签';
$('#tabPage').tabPanel('addTab', {
id: tabId,
title: title,
html: '<scr'+'ipt>js.loading();</scr'+'ipt><iframe id="'+tabId+'-frame" data-src="' + url
+ '" width="100%" height="100%" frameborder="0" onload="js.closeLoading();"></iframe>',
closable: true,
refresh: false,
onPreClose: function(position){
}
});

上述 iframe 的 src 我修改为了 data-src 实际添加页签后不加载。
然后你再写一个页签点击的绑定事件,如果未加载过,则将 data-src 赋值给 src 属性,否则忽略即可。

@卓源软件 这样确实可以的 但是要是有个属性可以直接设置就方便了

Barry 任务状态待办的 修改为进行中
Barry 任务状态进行中 修改为已完成

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
6732 thinkgem 1651893329
Java
1
https://gitee.com/thinkgem/jeesite4.git
git@gitee.com:thinkgem/jeesite4.git
thinkgem
jeesite4
JeeSite 4.x and 5.x

搜索帮助