腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

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

0
回复
930
查看
[复制链接]

1

主题

0

帖子

24

积分

体验VIP

Rank: 28Rank: 28Rank: 28Rank: 28Rank: 28Rank: 28Rank: 28

积分
24
        
发表于 19-1-20 16:19:55 | 显示全部楼层 |阅读模式
本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体。5 B8 S$ f) {8 }0 }6 `, s
标签一次只能显示一个面板,每个面板都有标题、图表和关闭按钮。当标签被选中之后,会显示相应面板的内容。
0 @" x4 M. y% N: k# U: G% }; U, \& v: D5 X
查看演示
! C2 l6 U% I' e  p使用HTML标记创建标签,其中包括一个DIV容器和一些DIV面板。0 B* K' F: ]3 {- r( d( @
  1. <font size="3"><b>< div class="easyui-tabs" style="width:400px;height:100px;"> </b><div><b>< div title="First Tab" style="padding:10px;"> First Tab < /div> </b></div><div><b>< div title="Second Tab" closable="true" style="padding:10px;"> Second Tab < /div></b></div><div><b> < div title="Third Tab" iconCls="icon-reload" closable="true" style="padding:10px;"> Third Tab < /div> </b></div><div><b>< /div></b></div></font>
复制代码
, w- N9 |; C# E7 h6 ~9 Z1 B4 y
我们创建具有三个面板的一个标签组件,第二个和第三个面板可以通过点击关闭按钮关闭。" R( A7 f5 I% ^
' D$ ^3 W4 C3 i; O1 b4 \
本站文章除注明转载外,均为本站原创或翻译
! Q# g/ v/ u& \0 [$ C欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
+ @3 L2 i; U/ X$ D6 U  g

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

qiuqiufa.com

网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除