欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

EasyUI的选项卡组件代码实现教程

程序员文章站 2022-07-03 18:27:40
EasyUI的选项卡组件 1、给元素加上class=”easyui-tabs” 2、closable:true,表示该选项卡可以删除,closable:...
EasyUI的选项卡组件

1、给元素加上class=”easyui-tabs”

2、closable:true,表示该选项卡可以删除,closable:false表示给选项不可以删除

<body>
   <p class="easyui-tabs" style="width:700px;height:300px">
           <p title="选项卡1" data-options="closable:true">选项卡1的内容</p>
           <p title="选项卡2" data-options="closable:false">选项卡1的内容</p>
           <p title="选项卡3" data-options="closable:true">选项卡1的内容</p>
           <p title="选项卡4" data-options="closable:true">选项卡1的内容</p>
           <p title="选项卡5" data-options="closable:true">选项卡1的内容</p>
           <p title="选项卡6" data-options="closable:false">选项卡1的内容</p>    
   </p>
</body>

EasyUI的选项卡组件代码实现教程