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

前端技术 2023/09/05 JavaScript

jQuery EasyUI v1.4.4 下载网址：http://www.phpstudy.net/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>

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

本文地址：https://www.stayed.cn/item/13833

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案