zl程序教程

您现在的位置是:首页 >  其它

当前栏目

16EasyUI - 创建标签页(Tabs)

创建 标签 tabs
2023-09-11 14:15:41 时间

Tabs 一次仅仅显示一个面板(panel),每个面板(panel)都有标题、图标和关闭按钮。 当 Tabs 被选中时,将显示对应的面板(panel)的内容。
在这里插入图片描述

从 HTML 标记创建 Tabs,包含一个 DIV 容器和一些 DIV 面板(panel)。

 <div class="easyui-tabs" style="width:400px;height:100px;">
        <div title="First Tab" style="padding:10px;">
            First Tab
        </div>
        <div title="Second Tab" closable="true" style="padding:10px;">
            Second Tab
        </div>
        <div title="Third Tab" iconCls="icon-reload" closable="true" style="padding:10px;">
            Third Tab
        </div>
    </div>