最近有空研究easy-ui-tab 控件的使用时总结:
easy-ui-tab控件的使用,通过从网上看到很多人的抱怨,比如内存泄露等等问题。从一个开发者的角度来说,我们应该感谢它,尽管它现在不是尽善尽美,毕竟它为我们带来了一些便利!
言归正传,最近从网上找了一个关于easy-ui-tab的demo,里面是一位前辈整理的关于与tab的使用,最初感觉不错。从客户的使用角度,比先前每次都新打开一个页面 更容易让客户看到我们做出的努力。
结果使用时候问题出现了:
每次新打开一个tab,结果第一个打开的tab的内容是最后一个打开tab内容
本来计划修改tab选择的事件
1 $('#tabs').tabs({
2 onSelect: function (title) {
3 var currTab = $('#tabs').tabs('getTab', title);
4 var iframe = $(currTab.panel('options').content);
5 var src = iframe.attr('src');
6 $('#tabs').tabs('update', { tab: currTab, options: { content: createFrame(src)} });
7 }
8 });
结果IE几乎崩溃,至今我也不知道这是为什么~~~~
然后经过查看官方给出的demo,发现里面打开一个新的tab,内容都是给固定的。
function addPanel(){
index++;
$('#tt').tabs('add',{
title: 'Tab'+index,
content: '<div style="padding:10px">Content'+index+'</div>',
closable: true
});
}
这让我怀疑,我使用存在了问题!经过测试,我把我的改成固定内容,发现问题解决!
原代码:
menulist += '<li><div><a target="mainFrame" href="' + o.url + '" ><span class="icon '+o.icon+'" ></span>' + o.menuName + '</a></div></li> ';
经过修改:
menulist += '<li><div><a url="' + o.url + '" ><span class="icon '+o.icon+'" ></span>' + o.menuName + '</a></div></li> ';
不使用href 结果修改成功!