easyui tabs content加载,实现加载等待效果
代码如下,添加一个新的选项卡时有一个进度条信息,现在不知道怎么关闭这个进度条。本人小白,求大神帮忙看看!
$('#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;
}
$('#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;
}
...全文
相关推荐
easyui iframe 页面重复加载的问题
解决使用tab布局过程中页面多次加载的问题 如果在使用easyui过程中,你使用了easyui 的tab布局,在tab布局的内容上使用的不是content,而是iframe,那么你的页面有可能多次加载了,这篇文章帮你解决问题
jQuery easyui刷新当前tabs的方法
给大家介绍了jquery easyui刷新当前tabs的方法,本文涉及到param参数的属性知识点,本文通过实例给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
jQuery EasyUI 布局之动态添加tabs标签页
本文给大家介绍jquery easyui布局之动态添加tabs标签页,实现思路是这样的通过调用add方法就可以轻松实现,本文分步骤给大家详细介绍,需要的朋友一起学习吧
手把手教你制作easyUI工作站,主要学习tabs方法
手把手教你制作easyUI工作站,主要学习tabs方法:http://blog.csdn.net/libin_1/article/details/50931955
jQuery EasyUI Layout实现tabs标签的实例
主要介绍了jQuery EasyUI Layout实现tabs标签的实例的相关资料,希望通过本文能帮助到大家实现这样的功能,需要的朋友可以参考下


