频道栏目
首页 > 资讯 > HTML/CSS > 正文

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

17-12-27        来源:[db:作者]  
收藏   我要投稿

EasyUI的选项卡组件

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

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

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

EasyUI的选项卡组件

相关TAG标签
上一篇:EasyUI的折叠选项卡代码实现教程
下一篇:喵星球上的点名 后缀数组
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站