GWT - TabPanel Widget

introduzione

Il TabPanelwidget rappresenta il pannello che rappresenta un insieme di pagine a schede, ognuna delle quali contiene un altro widget. I suoi widget figlio vengono mostrati mentre l'utente seleziona le varie schede ad essi associate. Le schede possono contenere HTML arbitrario.

Dichiarazione di classe

Di seguito è riportata la dichiarazione per 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>

Costruttori di classi

Sr.No.	Costruttore e descrizione
1	TabPanel() Deprecato. Crea un pannello a schede vuoto.

Metodi di classe

Sr.No.	Nome e descrizione della funzione
1	void add(IsWidget w, IsWidget tabWidget) Deprecato. Convenienza sovraccarico per consentire l'utilizzo diretto di IsWidget.
2	void add(IsWidget w, java.lang.String tabText) Deprecato. Convenienza sovraccarico per consentire l'utilizzo diretto di IsWidget.
3	void add(IsWidget w, java.lang.String tabText, boolean asHTML) Deprecato. Convenienza sovraccarico per consentire l'utilizzo diretto di IsWidget.
4	void add(Widget w) Deprecato. Aggiunge un widget figlio.
5	void add(Widget w, java.lang.String tabText) Deprecato. Aggiunge un widget al pannello a schede.
6	void add(Widget w, java.lang.String tabText, boolean asHTML) Deprecato. Aggiunge un widget al pannello a schede.
7	void add(Widget w, Widget tabWidget) Deprecato. Aggiunge un widget al pannello a schede.
8	Handler Registration add Before Selection Handler (Before Selection Handler<java.lang. Integer> handler) Deprecato. Aggiunge un gestore BeforeSelectionEvent.
9	Handler Registration add Selection Handler (Selection Handler <java.lang. Integer> handler) Deprecato. Aggiunge un gestore SelectionEvent.
10	void add Tab Listener(TabListener listener) Deprecato. Utilizza add Before Selection Handler (com.google.gwt.event. Logical.shared.Before Selection Handler) e aggiungi invece Selection Handler (com.google.gwt.event. Logical.shared.Selection Handler)
11	void clear() Deprecato. Rimuove tutti i widget figlio.
12	protected SimplePanel createTabTextWrapper() Deprecato. Crea un SimplePanel che racchiuda il contenuto in una scheda.
13	DeckPanel getDeckPanel() Deprecato. Ottiene il pannello del mazzo all'interno di questo pannello a schede.
14	TabBar getTabBar() Deprecato. Ottiene la barra delle schede all'interno di questo pannello a schede.
15	Widget getWidget(int index) Deprecato. Ottiene il widget figlio all'indice specificato.
16	int getWidgetCount() Deprecato. Ottiene il numero di widget figlio in questo pannello.
17	int getWidgetIndex(IsWidget child) Deprecato. Convenienza sovraccarico per consentire l'utilizzo diretto di IsWidget.
18	int getWidgetIndex(Widget widget) Deprecato. Ottiene l'indice del widget figlio specificato.
19	void insert(IsWidget widget, IsWidget tabWidget, int beforeIndex) Deprecato. Convenienza sovraccarico per consentire l'utilizzo diretto di IsWidget.
20	void insert(IsWidget widget, java.lang. String tab Text, boolean as HTML, int before Index) Deprecato. Convenienza sovraccarico per consentire l'utilizzo diretto di IsWidget.
21	void insert(IsWidget widget, java.lang.String tabText, int beforeIndex) Deprecato. Convenienza sovraccarico per consentire l'utilizzo diretto di IsWidget.
22	void insert(Widget widget, java.lang.String tabText, boolean asHTML, int beforeIndex) Deprecato. Inserisce un widget nel pannello a schede.
23	void insert(Widget widget, java.lang.String tabText, int beforeIndex) Deprecato. Inserisce un widget nel pannello a schede.
24	void insert(Widget widget, Widget tabWidget, int beforeIndex) Deprecato. Inserisce un widget nel pannello a schede.
25	boolean isAnimationEnabled() Deprecato. Restituisce true se le animazioni sono abilitate, false in caso contrario.
26	java.util.Iterator<Widget> iterator() Deprecato. Ottiene un iteratore per i widget contenuti.
27	boolean on Before Tab Selected(Sources Tab Events sender, int tab Index) Deprecato. Usa Before Selection Handler.on Before Selection (com.google.gwt.event. Logical.shared.Before Selection Event)
28	protected void onEnsureDebugId(java.lang. String baseID) Deprecato. Elementi interessati: -bar = La barra delle schede. -bar-tab # = L'elemento che contiene il contenuto della scheda stessa. -bar-tab-wrapper # = La cella contenente la tabulazione in corrispondenza dell'indice. -bottom = Il pannello sotto la barra delle schede.
29	void onTabSelected(SourcesTabEvents sender, int tabIndex) Deprecato. Utilizza invece SelectionHandler.onSelection (com.google.gwt.event. Logical.shared.SelectionEvent)
30	boolean remove(int index) Deprecato. Rimuove il widget all'indice specificato.
31	boolean remove(Widget widget) Deprecato. Rimuove il widget specificato e la scheda associata.
32	void removeTabListener(TabListener listener) Deprecato. Usa il metodo HandlerRegistration.removeHandler () sull'oggetto restituito da e aggiungi invece il metodo * Handler
33	void selectTab(int index) Deprecato. Seleziona a livello di codice la scheda specificata e genera eventi.
34	void selectTab(int index, boolean fireEvents) Deprecato. Seleziona a livello di codice la scheda specificata.
35	void setAnimationEnabled(boolean enable) Deprecato. Abilita o disabilita le animazioni.

Metodi ereditati

Questa classe eredita i metodi dalle seguenti classi:

com.google.gwt.user.client.ui.UIObject
com.google.gwt.user.client.ui.Widget
com.google.gwt.user.client.ui.Composite
java.lang.Object

Esempio di widget TabPanel

Questo esempio ti guiderà attraverso semplici passaggi per mostrare l'utilizzo di un widget TabPanel in GWT. Segui i passaggi seguenti per aggiornare l'applicazione GWT che abbiamo creato in GWT - Capitolo Crea applicazione -

Passo	Descrizione
1	Crea un progetto con un nome HelloWorld sotto un pacchetto com.tutorialspoint come spiegato nel capitolo GWT - Crea applicazione .
2	Modifica HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html e HelloWorld.java come spiegato di seguito. Mantieni il resto dei file invariato.
3	Compilare ed eseguire l'applicazione per verificare il risultato della logica implementata.

Di seguito è riportato il contenuto del descrittore del modulo modificato 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>

Di seguito è riportato il contenuto del file del foglio di stile modificato 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;
}

Di seguito è riportato il contenuto del file host HTML modificato 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>

Cerchiamo di avere il seguente contenuto del file Java src/com.tutorialspoint/HelloWorld.java che dimostrerà l'uso del 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);
   }
}

Una volta che sei pronto con tutte le modifiche apportate, compiliamo ed eseguiamo l'applicazione in modalità sviluppo come abbiamo fatto nel capitolo GWT - Crea applicazione . Se tutto va bene con la tua applicazione, questo produrrà il seguente risultato:

↰ Previous page