81,117
社区成员
发帖
与我相关
我的任务
分享关于easyUi Tabs间切换问题(内有附图)，求大神！
感谢看帖的各位亲~
需求描述：
图上是个简单的easyUI Tabs的例子，我有个需求是
点击切换Tab2的时候，New Tab1自动关闭。
点击切换Tab1的时候，Tab2和New Tab1自动关闭。
关闭的操作容易实现，但是切换Tab的时候触发关闭操作的这个切换事件不知道如何实现，求大神帮个忙或者提供些意见也行，谢谢各位啦！
需求描述：
图上是个简单的easyUI Tabs的例子，我有个需求是
点击切换Tab2的时候，New Tab1自动关闭。
点击切换Tab1的时候，Tab2和New Tab1自动关闭。
关闭的操作容易实现，但是切换Tab的时候触发关闭操作的这个切换事件不知道如何实现，求大神帮个忙或者提供些意见也行，谢谢各位啦！
...全文
请发表友善的回复…
发表回复
丨落叶 2014-01-15
- 打赏
- 举报
<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>
zx870811130 2014-01-15
- 打赏
- 举报
我附上我的代码吧~
元素代码：
<body>
<h2>Tabs</h2>
<div class="demo-info">
<div class="demo-tip icon-tip"></div>
<div>Tabs are automatically made scrollable when the sum of their width exceeds their container width size.</div>
</div>
<div style="margin:10px 0">
<a class="easyui-linkbutton" icon="icon-add" href="javascript:void(0)" onclick="addTab()">add tab</a>
</div>
<div id="tt" style="width:700px;height:250px;">
<div title="Tab1" style="padding:20px;">
tab1
</div>
<div title="Tab2" closable="true" style="padding:20px;" cache="false">
Tab2
</div>
<div title="Tab3" iconCls="icon-reload" closable="true" style="padding:20px;">
tab3
</div>
</div>
</body>
<script type="text/javascript">
$(function(){
$('#tt').tabs({
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
});
}
$("#tt").tabs({
onSelect:function(title,index){
alert("出来啦！");
}
});
</script>
zx870811130 2014-01-15
- 打赏
- 举报
你好，这段代码不需要放在一个function里面吗？
丨落叶 2014-01-15
- 打赏
- 举报
$("#tt").tabs({
onSelect:function(title,index){
}
});
zx870811130 2014-01-15
- 打赏
- 举报
我感觉这问题是不是该发到javascript的板块去咧......
zx870811130 2014-01-15
- 打赏
- 举报
感谢你的建议，这是个不错的主意，但是呢，我的问题就在"可以获取当TAB1时"这个事件如何实现？如果可以附上点代码就感激不尽了！
zx870811130 2014-01-15
- 打赏
- 举报
哈哈 就是这个问题！ 在初始化的时候先把操作付给这个onSelect事件 灰常感谢您！
丨落叶 2014-01-14
- 打赏
- 举报
相当于关闭右侧，可以获取当TAB1时，获取它的ID,关闭比它的ID大的TAB页。
