您的位置:首页 > 产品设计 > UI/UE

Easyui 中 Tabsr的常用方法

2015-10-20 14:32 435 查看
注:index必须为变量

tab页从0开始

//新增一个tab页
var index = 0;
$('#tt').tabs('add',{
title: 'Tab'+index,
content: '<div style="padding:10px">Content'+index+'</div>',
closable: true
});

//关闭第1个tab页

var index=1;

$('#tabs').tabs('close', index);

//选择或显示第1个tab页

$('#tabs').tabs('select', index);

//tabs上的tab页数

var tabs = $('#tt').tabs().tabs('tabs');

var count=tabs.length;

 //选项卡鼠标经过事件时自动显示tab页

<script type="text/javascript">
  $(function(){
    var tabs = $('#tt').tabs().tabs('tabs');
    for(var i=0; i<tabs.length; i++){
      tabs[i].panel('options').tab.unbind().bind('mouseenter',{index:i},function(e){
        $('#tt').tabs('select', e.data.index);
      });
    }
  });
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: