easyui 1.4.2 Tab刷新图标重复问题

一、问题描述:最近搞个BS系统,需求前台开发,用的是easyui1.4.2,在做tab的刷新时,按照官网的例子,做出来的效果让我大失所望。点击刷新的时候,刷新图标重复出现,点一次多一个。度娘里没有找到相关资料,很是头疼。

如图:easyui 1.4.2 Tab刷新图标重复问题_第1张图片

源码片段:

<div title="MyDocuments" data-options=" tools:[{

iconCls:'icon-mini-refresh',

handler:function(){

refreshTab('MyDocuments');

}

    }]" style="padding:10px">

<ul class="easyui-tree"

data-options="url:'tree_data1.json',method:'get',animate:true"></ul>

</div>




<script type="text/javascript">

function refreshTab(title){

var tt= $('#ttab');

var cruuTab = tt.tabs('getTab',title);

var url = $(cruuTab.panel('options').content).attr('src');

tt.tabs('update',{

tab:cruuTab,

options:{

title: title,

        href: url // the new content URL

//content:cruuTab.panel('options').content

}

});

      }

</script>

 

二、问题排查:

   1.上图就是啥代码没有的纯净版模拟。按照官网处理的。也同样有问题。

   2.后来想想是不是easyui的bug,换了个其他版本,找了个1.3.6的试试。居然可以了。

 

三、问题解决:修改了1.4.2版本的源码,去掉了一个remove。就可以继续用1.4.2了。

如图:代码我格式化了下。对比了之前的svn版本。看的比较清晰些:

easyui 1.4.2 Tab刷新图标重复问题_第2张图片

 

 

你可能感兴趣的:(easyui)