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

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

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

1

主题

0

帖子

24

积分

球球发

体验VIP

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

积分
24
发表于 19-1-20 16:19:55 | 显示全部楼层 |阅读模式         
本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体。! U' R3 i2 f7 ^3 y0 d
标签一次只能显示一个面板,每个面板都有标题、图表和关闭按钮。当标签被选中之后,会显示相应面板的内容。
. {" `9 J& r; t# D$ p# c0 r6 ~. o YgWWXjHGrddKl7ww.jpg : P/ ~5 Z* [( L; i
查看演示
( |# G, l7 B. T4 P: N5 r使用HTML标记创建标签,其中包括一个DIV容器和一些DIV面板。
0 R2 w# n: `1 c0 B
  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>
复制代码
4 u# c# w3 M9 |& ]4 g
我们创建具有三个面板的一个标签组件,第二个和第三个面板可以通过点击关闭按钮关闭。
' _2 M. l6 p2 I2 i8 a5 X% f/ o6 C+ s& ?2 S$ f. O
本站文章除注明转载外,均为本站原创或翻译$ n2 T4 {$ T: p% A: n
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
4 F+ O5 O" v2 L1 f  o
网站简介

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