AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

如何使用jquery easyui创建标签组件

51自学网 http://www.wanshiok.com
jquery_easyui教程, jquery_easyui标签

jQuery EasyUI v1.4.4 下载网址:/codes/70218.html

本教程将展示如何使用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>

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


jquery_easyui教程, jquery_easyui标签  
上一篇:jQuery EasyUI 布局之动态添加tabs标签页  下一篇:JavaScript严格模式详解