So erstellen Sie eine Etikettenkomponente mit jquery easyui_jquery

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

Dieses Tutorial zeigt, wie man mit easyui eine Etikettenkomponente erstellt. Tags können dynamisch über mehrere Panels hinweg hinzugefügt oder entfernt werden, und Sie können Tags verwenden, um verschiedene Entitäten auf derselben Seite anzuzeigen.

Das Etikett kann jeweils nur ein Panel anzeigen und jedes Panel verfügt über einen Titel, ein Diagramm und eine Schaltfläche zum Schließen. Wenn eine Beschriftung ausgewählt wird, wird der Inhalt des entsprechenden Panels angezeigt.

Erstellen Sie ein Tag mit HTML-Markup, das einen DIV-Container und einige DIV-Panels enthält.

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

Wir erstellen eine Etikettenkomponente mit drei Feldern. Das zweite und dritte Feld können durch Klicken auf die Schaltfläche „Schließen“ geschlossen werden.