如何使用jquery easyui创建标签组件
编程学习 2021-07-04 21:03www.dzhlxh.cn编程入门
这篇文章主要介绍了如何使用jquery easyui创建标签组件的相关资料,需要的朋友可以参考下
jQuery EasyUI v1.4.4 下载网址：
本教程将展示如何使用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>
我们创建具有三个面板的一个标签组件，第二个和第三个面板可以通过点击关闭按钮关闭。