How to create a label component using jquery easyui_jquery

jQuery EasyUI v1.4.4 download URL: http://www.jb51.net/codes/70218.html

This tutorial will show how to create a label component using easyui. Tags can be added or removed dynamically across multiple panels, and you can use tags to display different entities on the same page.

The label can only display one panel at a time, and each panel has a title, chart and close button. When a label is selected, the contents of the corresponding panel will be displayed.

Create a tag using HTML markup, which includes a DIV container and some DIV panels.

< 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>

We create a label component with three panels, the second and third panels can be closed by clicking the close button.