创建选项卡

使用教程 » 创建选项卡

本教程将向您展示如何使用easyui创建选项卡组件。 选项卡有多个面板，可以动态添加或删除。 您可以使用选项卡在同一页上显示不同的实体。

标签每次只显示一个面板，每个面板都有标题、图标和关闭按钮。 选择选项卡时，将显示相应面板的内容。

从HTML标记创建的选项卡，包括一个DIV容器和一些DIV面板。

<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>

我们创建了一个带有三个面板的选项卡组件，可以通过单击close按钮关闭第二个和第三个面板.

下载 EasyUI 实例: