GWT - Widget TabPanel

introduction

le TabPanelwidget représente un panneau qui représente un ensemble de pages à onglets, chacune contenant un autre widget. Ses widgets enfants s'affichent lorsque l'utilisateur sélectionne les différents onglets qui leur sont associés. Les onglets peuvent contenir du HTML arbitraire.

Déclaration de classe

Voici la déclaration pour com.google.gwt.user.client.ui.TabPanel classe -

@Deprecated
public class TabPanel
   extends Composite
      implements TabListener, SourcesTabEvents, 
         HasWidgets, HasAnimation, IndexedPanel.ForIsWidget,
            HasBeforeSelectionHandlers<java.lang.Integer>, 
               HasSelectionHandlers<java.lang.Integer>

Constructeurs de classe

N ° Sr. Constructeur et description
1

TabPanel()

Obsolète. Crée un panneau d'onglets vide.

Méthodes de classe

N ° Sr. Nom et description de la fonction
1

void add(IsWidget w, IsWidget tabWidget)

Obsolète. Surcharge de commodité pour permettre à IsWidget d'être utilisé directement.
2

void add(IsWidget w, java.lang.String tabText)

Obsolète. Surcharge de commodité pour permettre à IsWidget d'être utilisé directement.
3

void add(IsWidget w, java.lang.String tabText, boolean asHTML)

Obsolète. Surcharge de commodité pour permettre à IsWidget d'être utilisé directement.
4

void add(Widget w)

Obsolète. Ajoute un widget enfant.
5

void add(Widget w, java.lang.String tabText)

Obsolète. Ajoute un widget au panneau d'onglets.
6

void add(Widget w, java.lang.String tabText, boolean asHTML)

Obsolète. Ajoute un widget au panneau d'onglets.
sept

void add(Widget w, Widget tabWidget)

Obsolète. Ajoute un widget au panneau d'onglets.
8

Handler Registration add Before Selection Handler (Before Selection Handler<java.lang. Integer> handler)

Obsolète. Ajoute un gestionnaire BeforeSelectionEvent.
9

Handler Registration add Selection Handler (Selection Handler <java.lang. Integer> handler)

Obsolète. Ajoute un gestionnaire SelectionEvent.
dix

void add Tab Listener(TabListener listener)

Obsolète. Utilisez le gestionnaire de sélection add Before (com.google.gwt.event. Logic.shared.Before Selection Handler) et ajoutez le gestionnaire de sélection (com.google.gwt.event. Logic.shared.Selection Handler) à la place
11

void clear()

Obsolète. Supprime tous les widgets enfants.
12

protected SimplePanel createTabTextWrapper()

Obsolète. Créez un SimplePanel qui encapsulera le contenu dans un onglet.
13

DeckPanel getDeckPanel()

Obsolète. Obtient le panneau Deck dans ce panneau à onglets.
14

TabBar getTabBar()

Obsolète. Obtient la barre d'onglets dans ce panneau d'onglets.
15

Widget getWidget(int index)

Obsolète. Obtient le widget enfant à l'index spécifié.
16

int getWidgetCount()

Obsolète. Obtient le nombre de widgets enfants dans ce panneau.
17

int getWidgetIndex(IsWidget child)

Obsolète. Surcharge de commodité pour permettre à IsWidget d'être utilisé directement.
18

int getWidgetIndex(Widget widget)

Obsolète. Obtient l'index du widget enfant spécifié.
19

void insert(IsWidget widget, IsWidget tabWidget, int beforeIndex)

Obsolète. Surcharge de commodité pour permettre à IsWidget d'être utilisé directement.
20

void insert(IsWidget widget, java.lang. String tab Text, boolean as HTML, int before Index)

Obsolète. Surcharge de commodité pour permettre à IsWidget d'être utilisé directement.
21

void insert(IsWidget widget, java.lang.String tabText, int beforeIndex)

Obsolète. Surcharge de commodité pour permettre à IsWidget d'être utilisé directement.
22

void insert(Widget widget, java.lang.String tabText, boolean asHTML, int beforeIndex)

Obsolète. Insère un widget dans le panneau d'onglets.
23

void insert(Widget widget, java.lang.String tabText, int beforeIndex)

Obsolète. Insère un widget dans le panneau d'onglets.
24

void insert(Widget widget, Widget tabWidget, int beforeIndex)

Obsolète. Insère un widget dans le panneau d'onglets.
25

boolean isAnimationEnabled()

Obsolète. Renvoie true si les animations sont activées, false sinon.
26

java.util.Iterator<Widget> iterator()

Obsolète. Obtient un itérateur pour les widgets contenus.
27

boolean on Before Tab Selected(Sources Tab Events sender, int tab Index)

Obsolète. Utilisez plutôt Before Selection Handler.on Before Selection (com.google.gwt.event. Logic.shared.Before Selection Event) à la place
28

protected void onEnsureDebugId(java.lang. String baseID)

Obsolète. Éléments concernés: -bar = La barre d'onglets. -bar-tab # = L'élément contenant le contenu de l'onglet lui-même. -bar-tab-wrapper # = La cellule contenant l'onglet à l'index. -bottom = Le panneau sous la barre d'onglets.
29

void onTabSelected(SourcesTabEvents sender, int tabIndex)

Obsolète. Utilisez à la place SelectionHandler.onSelection (com.google.gwt.event. Logic.shared.SelectionEvent)
30

boolean remove(int index)

Obsolète. Supprime le widget à l'index spécifié.
31

boolean remove(Widget widget)

Obsolète. Supprime le widget donné et son onglet associé.
32

void removeTabListener(TabListener listener)

Obsolète. Utilisez la méthode HandlerRegistration.removeHandler () sur l'objet retourné par et ajoutez la méthode * Handler à la place
33

void selectTab(int index)

Obsolète. Sélectionne par programme l'onglet spécifié et déclenche les événements.
34

void selectTab(int index, boolean fireEvents)

Obsolète. Sélectionne par programme l'onglet spécifié.
35

void setAnimationEnabled(boolean enable)

Obsolète. Activez ou désactivez les animations.

Méthodes héritées

Cette classe hérite des méthodes des classes suivantes -

  • com.google.gwt.user.client.ui.UIObject

  • com.google.gwt.user.client.ui.Widget

  • com.google.gwt.user.client.ui.Composite

  • java.lang.Object

Exemple de widget TabPanel

Cet exemple vous guidera à travers des étapes simples pour montrer l'utilisation d'un widget TabPanel dans GWT. Suivez les étapes suivantes pour mettre à jour l'application GWT que nous avons créée dans GWT - Chapitre Créer une application -

Étape La description
1 Créez un projet avec un nom HelloWorld sous un package com.tutorialspoint comme expliqué dans le chapitre GWT - Créer une application .
2 Modifiez HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html et HelloWorld.java comme expliqué ci-dessous. Gardez le reste des fichiers inchangé.
3 Compilez et exécutez l'application pour vérifier le résultat de la logique implémentée.

Voici le contenu du descripteur de module modifié src/com.tutorialspoint/HelloWorld.gwt.xml.

<?xml version = "1.0" encoding = "UTF-8"?>
<module rename-to = 'helloworld'>
   <!-- Inherit the core Web Toolkit stuff.                        -->
   <inherits name = 'com.google.gwt.user.User'/>

   <!-- Inherit the default GWT style sheet.                       -->
   <inherits name = 'com.google.gwt.user.theme.clean.Clean'/>

   <!-- Specify the app entry point class.                         -->
   <entry-point class = 'com.tutorialspoint.client.HelloWorld'/>

   <!-- Specify the paths for translatable code                    -->
   <source path = 'client'/>
   <source path = 'shared'/>

</module>

Voici le contenu du fichier de feuille de style modifié war/HelloWorld.css.

body {
   text-align: center;
   font-family: verdana, sans-serif;
}

h1 {
   font-size: 2em;
   font-weight: bold;
   color: #777777;
   margin: 40px 0px 70px;
   text-align: center;
}

Voici le contenu du fichier hôte HTML modifié war/HelloWorld.html.

<html>
   <head>
      <title>Hello World</title>
      <link rel = "stylesheet" href = "HelloWorld.css"/>
      <script language = "javascript" src = "helloworld/helloworld.nocache.js">
      </script>
   </head>

   <body>
      <h1>TabPanel Widget Demonstration</h1>
      <div id = "gwtContainer"></div>
   </body>
</html>

Laissez-nous avoir le contenu suivant du fichier Java src/com.tutorialspoint/HelloWorld.java qui démontrera l'utilisation du widget TabPanel.

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.DecoratorPanel;
import com.google.gwt.user.client.ui.HTMLPanel;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TabPanel;

public class HelloWorld implements EntryPoint {

   public void onModuleLoad() {
      //Create an empty tab panel 
      TabPanel tabPanel = new TabPanel();

      //create contents for tabs of tabpanel
      Label label1 = new Label("This is contents of TAB 1");
      label1.setHeight("200");
      Label label2 = new Label("This is contents of TAB 2");
      label2.setHeight("200");
      Label label3 = new Label("This is contents of TAB 3");
      label3.setHeight("200");

      //create titles for tabs
      String tab1Title = "TAB 1";
      String tab2Title = "TAB 2";
      String tab3Title = "TAB 3";

      //create tabs 
      tabPanel.add(label1, tab1Title);
      tabPanel.add(label2, tab2Title);
      tabPanel.add(label3, tab3Title);

      //select first tab
      tabPanel.selectTab(0);

      //set width if tabpanel
      tabPanel.setWidth("400");

      // Add the widgets to the root panel.
      RootPanel.get().add(tabPanel);
   }
}

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application en mode développement comme nous l'avons fait dans le chapitre GWT - Créer une application . Si tout va bien avec votre application, cela produira le résultat suivant -