jQuery EasyUI 布局 - 创建标签页（Tabs）

jQuery EasyUI 教程 · 2019-04-06 10:57:18

本教程将向您演示如何使用 easyui 创建一个 Tabs 组件。 Tabs 有多个可以动态地添加或移除的面板（panel）。您可以使用 Tabs 来在相同的页面上显示不同的实体。

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>

我们创建一个带有三个面板（panel）的 Tabs 组件，第二个和第三个面板（panel）可以通过点击关闭按钮进行关闭。

下载 jQuery EasyUI 实例

jeasyui-layout-tabs1.zip

点击查看所有 jQuery EasyUI 教程文章: https://www.codercto.com/courses/l/42.html

查看所有标签

码农书籍

数据之美

邱南森 (Nathan Yau) / 张伸 / 中国人民大学出版社 / 2014-2-1 / CNY 89.00

这是一本教我们如何制作完美可视化图表，挖掘大数据背后意义的书。作者认为，可视化是一种媒介，向我们揭示了数据背后的故事。他循序渐进、深入浅出地道出了数据可视化的步骤和思想。本书让我们知道了如何理解数据可视化，如何探索数据的模式和寻找数据间的关联，如何选择适合自己的数据和目的的可视化方式，有哪些我们可以利用的可视化工具以及这些工具各有怎样的利弊。作者给我们提供了丰富的可视化信息以及查看、探索数......一起来看看《数据之美》这本书的介绍吧!

码农工具

话题

教程

Tips

#include <stdio.h>
int main()
{
    printf("Hello, World!");
    return 0;
}

jQuery EasyUI 布局 - 创建标签页（Tabs）

下载 jQuery EasyUI 实例

数据之美

JSON 在线解析

RGB转16进制工具

URL 编码/解码