写在之前,当采用content方式加载tab panel内容时,不会像herf方式加载似得框架自有loading效果。所以就需要我们自己增加loading效果了。
解决思路非常简单:页面内容加载时隐藏页面内容显示loading,页面内容加载完毕显示页面内容隐藏loading。
代码如下:
/**
* 定义addTab函数
*/
function addTab(title, url, iconCls){
var tabPanel = $('#tabs');
if(!tabPanel.tabs('exists',title)){
var content = '<div class="panel-loading" style="position: absolute;left: 0;top: 30px;">加载中。。。</div><iframe class="tabPanel" οnlοad="load()" scrolling="auto" frameborder="0" src="'+ url +'" style="width:100%;he