How to Use jqueryeasyui to create a tag component _ jquery

This article mainly introduces how to use jqueryeasyui to create the relevant information of tag components, need friends can refer to jQuery EasyUI v1.4.4 download URL: http://www.jb51.net/codes/70218.html

This tutorial shows how to use easyui to create a tag component. Tags can dynamically add or delete multiple panels. You can use tags to display different objects on the same page.

A tag can only display one panel at a time. Each panel has a title, a chart, and a close button. When the tag is selected, the content of the corresponding panel is displayed.

Create tags using HTML tags, including a DIV container and some DIV panels.

<P class = "easyui-tabs" style = "width: 400px; height: 100px;"> <p title = "First Tab" style = "padding: 10px; "> First Tab </p> <p title =" Second Tab "closable =" true "style =" padding: 10px; "> Second Tab </p> <p title =" Third Tab "iconCls =" icon-reload "closable =" true "style =" padding: 10px; "> Third Tab </p>

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