日期:2014-05-17  浏览次数:20720 次

关于easyUi Tabs间切换问题(内有附图),求大神!
感谢看帖的各位亲~
需求描述:
图上是个简单的easyUI Tabs的例子,我有个需求是

点击切换Tab2的时候,New Tab1自动关闭。
点击切换Tab1的时候,Tab2和New Tab1自动关闭。

关闭的操作容易实现,但是切换Tab的时候触发关闭操作的这个切换事件不知道如何实现,求大神帮个忙或者提供些意见也行,谢谢各位啦!

------解决方案--------------------
相当于关闭右侧,可以获取当TAB1时,获取它的ID,关闭比它的ID大的TAB页。
------解决方案--------------------

$("#tt").tabs({
   onSelect:function(title,index){
       
   }
});


事件名:onSelect 参数 :title,index 功能:用户选择一个选项卡面板的时候触发。
------解决方案--------------------


<script type="text/javascript">
$(function(){
$('#tt').tabs({
                                onSelect:function(title,index){
         alert("出来啦!");
         },
tools:[{
iconCls:'icon-add',
handler: function(){
alert('add');
}
},{
iconCls:'icon-save',
handler: function(){
alert('save');
}
}]
});
});
var index = 0;
function addTab(){
index++;
$('#tt').tabs('add',{
title:'New Tab ' + index,
content:'Tab Body ' + index,
iconCls:'icon-save',
closable:true
});
}
</script>


你最好在网上找个API下下来,然后对照着使用