easyui Tabs 标签页/选项卡

1、通过标记创建标签页（Tabs）

<div id="tt" class="easyui-tabs" style="width:500px;height:250px;">

       <div title="Tab1" style="padding:20px;display:none;">tab1</div>

      <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">tab2</div>

</div>

2.动态添加tab页

 $('#tt').tabs('add', {
            title : “Tab3”,
            content : "tab3",
            closable : true,tools:[{//工具条
                  iconCls:'icon-mini-refresh',
                  handler:function(){
                       alert('refresh');
                  }
            }]

   });

3.获取选中的tab页

var pp = $('#tt').tabs('getSelected');// 获取选中的标签页面板（tab panel）和它的标签页（tab）对象

var tab = pp.panel('options').title; // 获取相应的标签页标题

4.选中某个tab页

$('#tt').tabs('select', 'tb2');