星空外围权威网站

jQuery EasyUI使用教程：创建标签页

原创|使用教程|编辑：龚雪|2015-11-10 09:10:48.000|阅读 444 次

概述：本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板，你可以使用标签在同一个页面上显示不同的实体。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库！查看详情>>>

<jQuery EasyUI最新版下载>

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

标签一次只能显示一个面板，每个面板都有标题、图表和关闭按钮。当标签被选中之后，会显示相应面板的内容。

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

我们创建具有三个面板的一个标签组件，第二个和第三个面板可以通过点击关闭按钮关闭。

下载该EasyUI示例：

购买最新正版授权！""


标签：HTML5jQueryUI界面HTML5/JS

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@atlvshi.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP