Maison > interface Web > js tutoriel > Comment créer un composant d'étiquette en utilisant jquery easyui_jquery

Comment créer un composant d'étiquette en utilisant jquery easyui_jquery

WBOY
Libérer: 2016-05-16 15:31:26
original
1266 Les gens l'ont consulté

URL de téléchargement de jQuery EasyUI v1.4.4 : http://www.jb51.net/codes/70218.html

Ce tutoriel montrera comment créer un composant d'étiquette à l'aide d'easyui. Les balises peuvent être ajoutées ou supprimées dynamiquement sur plusieurs panneaux, et vous pouvez utiliser des balises pour afficher différentes entités sur la même page.

L'étiquette ne peut afficher qu'un seul panneau à la fois, et chaque panneau a un titre, un graphique et un bouton de fermeture. Lorsqu'une étiquette est sélectionnée, le contenu du panneau correspondant sera affiché.

Créez une balise à l'aide du balisage HTML, qui comprend un conteneur DIV et des panneaux 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>
Copier après la connexion

Nous créons un composant d'étiquette avec trois panneaux, les deuxième et troisième panneaux peuvent être fermés en cliquant sur le bouton de fermeture.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal