easyui tabs content加载,实现加载等待效果

sinat_33706383 2016-04-19 04:40:49
代码如下,添加一个新的选项卡时有一个进度条信息,现在不知道怎么关闭这个进度条。本人小白,求大神帮忙看看!
$('#box li a').click(function () {
var tabTitle = $(this).html().trim();
var url = $(this).attr("ghref");
$('#tabs').tabs({
onAdd: function (tabTitle, index) {
$.messager.progress({
title: '执行中',
msg: '努力加载中...',
text: '{value}%',
interval: 100,
});
},

});
addTab(tabTitle, url);


function addTab(subtitle, url) {

if (!$('#tabs').tabs('exists', subtitle)) {
$('#tabs').tabs('add', {
title: subtitle,
content: createFrame(url),
closable: true,


});

} else {
$('#tabs').tabs('select', subtitle);
}


tabClose();
};


function createFrame(url) {
var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:99%;"></iframe>';

return s;
}
...全文
707 6 打赏 收藏 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
sinat_33706383 2016-04-20
  • 打赏
  • 举报
回复
引用 4 楼 showbo 的回复:
var s = '<iframe onload="$.messager.progress(\'close\');" name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:99%;"></iframe>';
新增的做好了,但是做刷新的时候出现,它总从第一个刷新,不知道什么情况。。。好烦 $("#Refresh").click(function () { var currTab_dqxz = $('#tabs').tabs('getSelected'); //获取选中的标签项 var abc_title = $(currTab_dqxz.panel('options').title); // alert(abc_title); var url_dqxz = $(currTab_dqxz.panel('options').content).attr('src'); //获取该选项卡中内容标签(iframe)的 src 属性 /* 重新设置该标签 */ $("#tabs").tabs({ onUpdate: function (abc_title, index) { $.messager.progress({ title: "执行中", msg: "努力加载中", text: '请等待...', }); }, }) $('#tabs').tabs('update', { tab: currTab_dqxz, options: { content: createFrame(url_dqxz), } }) });
sinat_33706383 2016-04-20
  • 打赏
  • 举报
回复
引用 4 楼 showbo 的回复:
var s = '<iframe onload="$.messager.progress(\'close\');" name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:99%;"></iframe>';
厉害,解决了,谢谢!
  • 打赏
  • 举报
回复
var s = '<iframe onload="$.messager.progress(\'close\');" name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:99%;"></iframe>';
sinat_33706383 2016-04-19
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
$.messager.progress('close');
但是我不知道放在哪里起作用
sinat_33706383 2016-04-19
  • 打赏
  • 举报
回复
这个方法我知道,但是不起作用
  • 打赏
  • 举报
回复
$.messager.progress('close');

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧