jquery easyui tab

最新推荐文章于 2024-07-26 03:27:05 发布

原创最新推荐文章于 2024-07-26 03:27:05 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #php #ViewUI

java 同时被 2 个专栏收录

404 篇文章

订阅专栏

JQuery

29 篇文章

订阅专栏

本文提供了使用 EasyUI 框架实现 Tabs 功能的基本示例代码。通过 HTML 结构和 JavaScript 控制，展示了如何创建可关闭选项卡及图标选项卡等。此外，还附带了外部链接供进一步学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最简单的tab示例：

<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 title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="display:none;">
        tab3
    </div>
</div>

当然，也可以用代码对其进行控制。

http://www.jeasyui.com/documentation/tabs.php

也看到一个高手自己写的简单的代码：

http://www.cnblogs.com/sicket/archive/2012/07/01/2572345.html

HTML的3种写法，未测试过

http://zzc1684.iteye.com/blog/1183757