如何解决jQuery EasyUI 已打开Tab重新加载问题

先给大家说下我的需求，如下：

点击左侧已经打开的tab可以刷新重新加载datagrid。

也就是说解决easyui 左侧tab重新刷新加载问题实现。

实现如下：

function addTab(subtitle, url) {

if (!$('#tabs').tabs('exists', subtitle)) {

$('#tabs').tabs('add', {

title : subtitle,

content :createFrame(url),

border : false,

bodyCls:"indexTabBody",

closable : true

});

} else {

$("#tabs").tabs("select", subtitle);

var selTab = $('#tabs').tabs('getSelected');

$('#tabs').tabs('update', {

tab: selTab,

options: {

content:createFrame(url)

}

})

}

}

function createFrame(url){

return '';

}

以上所述是小编给大家介绍的解决jQuery EasyUI 已打开Tab重新加载问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持！

实例代码讲解jquery easyui动态tab页

通过使用 jQuery EasyUI 可以很容易地添加 Tabs。您只需要调用 'add' 方法即可。

function addTab(title, href,icon){

var tt = $('#tabs');

if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab

tt.tabs('select', title);

refreshTab({tabTitle:title,url:href});

} else {

if (href){

var content = '';

} else {

var content = '未实现';

}

tt.tabs('add',{

title:title,

closable:true,

content:content,

iconCls:icon||'icon-default'

});

}

}

/**

* 刷新tab

* @cfg

*example: {tabTitle:'tabTitle',url:'refreshUrl'}

*如果tabTitle为空，则默认刷新当前选中的tab

*如果url为空，则默认以原来的url进行reload

*/

function refreshTab(cfg){

var refresh_tab = cfg.tabTitle?$('#tabs').tabs('getTab',cfg.tabTitle):$('#tabs').tabs('getSelected');

if(refresh_tab && refresh_tab.find('iframe').length > 0){

var _refresh_ifram = refresh_tab.find('iframe')[0];

var refresh_url = cfg.url?cfg.url:_refresh_ifram.src;

//_refresh_ifram.src = refresh_url;

_refresh_ifram.contentWindow.location.href=refresh_url;

}

以上代码简单易懂，代码就是注释，有疑问欢迎给我留言。

ps： jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容：“href远程请求”和“content本地内容”。

两者特点：

href方式加载数据的特点：

被加载的页面只有body元素内部的内容才会被加载，也就是jQuery的ajax请求的只是html片段。

加载远程url时有遮罩效果，也就是“等待中……”效果，用户体验较好。

当加载的页面布局较为复杂，或者有较多的js脚本需要运行的时候，编码往往就需要谨慎了，容易出问题，后面会详细谈。

content方式加载数据的特点：

比较灵活，你可以在脚本里面拼写html代码，然后赋值给tab的content属性，不过这种写法会使得代码易读性变差。

可以把iframe赋给content，把一个iframe嵌入也就没有什么不能完成的了。

使用iframe会造成客户端js重复加载，浪费资源，比如说你主页面要引用easyui的库，你的iframe也要引用，浪费就产生了。

以上就是本次给大家分享的关于java的全部知识点内容总结，大家还可以在下方相关文章里找到相关文章进一步学习，感谢大家的阅读和支持。

您可能感兴趣的文章: