Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2016-05-16 15:31:261236parcourir

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>

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.

Déclaration:
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