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

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

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

1

主题

0

帖子

24

积分

球球发

体验VIP

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

积分
24
发表于 19-1-20 16:19:55 | 显示全部楼层 |阅读模式         
本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体。
' Q- r! D1 a/ ]+ O% w! V# S/ }& e3 `, m标签一次只能显示一个面板,每个面板都有标题、图表和关闭按钮。当标签被选中之后,会显示相应面板的内容。8 t+ ^! A6 W! z+ F( U
YgWWXjHGrddKl7ww.jpg # l2 r0 \' o( N; y4 W9 G0 j; K0 x
查看演示- C& o" G; H$ b$ _9 [3 I
使用HTML标记创建标签,其中包括一个DIV容器和一些DIV面板。0 G2 n) W6 b7 y7 f
  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>
复制代码

/ B& B( Y8 X  ]& U' ?, I我们创建具有三个面板的一个标签组件,第二个和第三个面板可以通过点击关闭按钮关闭。3 N+ c. Q( d  I$ s" v

) A& m5 G. s0 z, X' h9 H" p1 N本站文章除注明转载外,均为本站原创或翻译
" [$ B' j, U! P欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
9 Y2 B2 }2 C+ s
网站简介

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