配置好easyui环境
1.笔记：
tabs(选项卡)
class:class="easyui-tabs" //<div class="easyui-tabs" style="width:700px;height:auto"></div>
是否可以关闭：closable:true
选项卡标签的宽度:data-options="tabWidth:200"
下拉菜单:
<div >Content'+index+'</div>',
closable: true
});
}
function removePanel(){
var tab = $('#tt').tabs('getSelected');
if (tab){
var index = $('#tt').tabs('getTabIndex', tab);
$('#tt').tabs('close', index);
}
}
</script>
2.例子：
<!--data-options="tabWidth:200" 标签宽度-->
<div >
//选项卡样式js
function setTabs(){
$('#tt').tabs({
plain: $('#plain').is(':checked'),
narrow: $('#narrow').is(':checked'),
pill: $('#pill').is(':checked'),
justified: $('#justified').is(':checked')
})
}
</script>
效果图: