GWT: widget de TabPanel

Introducción

los TabPanelwidget representa un panel que representa un conjunto de páginas con pestañas, cada una de las cuales contiene otro widget. Sus widgets secundarios se muestran cuando el usuario selecciona las diversas pestañas asociadas con ellos. Las pestañas pueden contener HTML arbitrario.

Declaración de clase

A continuación se muestra la declaración de com.google.gwt.user.client.ui.TabPanel clase -

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

Constructores de clases

No Señor.	Constructor y descripción
1	TabPanel() Obsoleto. Crea un panel de pestañas vacío.

Métodos de clase

No Señor.	Nombre y descripción de la función
1	void add(IsWidget w, IsWidget tabWidget) Obsoleto. Sobrecarga de conveniencia para permitir que IsWidget se use directamente.
2	void add(IsWidget w, java.lang.String tabText) Obsoleto. Sobrecarga de conveniencia para permitir que IsWidget se use directamente.
3	void add(IsWidget w, java.lang.String tabText, boolean asHTML) Obsoleto. Sobrecarga de conveniencia para permitir que IsWidget se use directamente.
4	void add(Widget w) Obsoleto. Agrega un widget secundario.
5	void add(Widget w, java.lang.String tabText) Obsoleto. Agrega un widget al panel de pestañas.
6	void add(Widget w, java.lang.String tabText, boolean asHTML) Obsoleto. Agrega un widget al panel de pestañas.
7	void add(Widget w, Widget tabWidget) Obsoleto. Agrega un widget al panel de pestañas.
8	Handler Registration add Before Selection Handler (Before Selection Handler<java.lang. Integer> handler) Obsoleto. Agrega un controlador BeforeSelectionEvent.
9	Handler Registration add Selection Handler (Selection Handler <java.lang. Integer> handler) Obsoleto. Agrega un controlador SelectionEvent.
10	void add Tab Listener(TabListener listener) Obsoleto. Utilice agregar antes del controlador de selección (com.google.gwt.event. Logic.shared.Before Selection Handler) y agregue el controlador de selección (com.google.gwt.event. Logic.shared.Selection Handler) en su lugar
11	void clear() Obsoleto. Elimina todos los widgets secundarios.
12	protected SimplePanel createTabTextWrapper() Obsoleto. Cree un SimplePanel que envuelva el contenido en una pestaña.
13	DeckPanel getDeckPanel() Obsoleto. Obtiene el panel de la plataforma dentro de este panel de pestañas.
14	TabBar getTabBar() Obsoleto. Obtiene la barra de pestañas dentro de este panel de pestañas.
15	Widget getWidget(int index) Obsoleto. Obtiene el widget secundario en el índice especificado.
dieciséis	int getWidgetCount() Obsoleto. Obtiene el número de widgets secundarios en este panel.
17	int getWidgetIndex(IsWidget child) Obsoleto. Sobrecarga de conveniencia para permitir que IsWidget se use directamente.
18	int getWidgetIndex(Widget widget) Obsoleto. Obtiene el índice del widget secundario especificado.
19	void insert(IsWidget widget, IsWidget tabWidget, int beforeIndex) Obsoleto. Sobrecarga de conveniencia para permitir que IsWidget se use directamente.
20	void insert(IsWidget widget, java.lang. String tab Text, boolean as HTML, int before Index) Obsoleto. Sobrecarga de conveniencia para permitir que IsWidget se use directamente.
21	void insert(IsWidget widget, java.lang.String tabText, int beforeIndex) Obsoleto. Sobrecarga de conveniencia para permitir que IsWidget se use directamente.
22	void insert(Widget widget, java.lang.String tabText, boolean asHTML, int beforeIndex) Obsoleto. Inserta un widget en el panel de pestañas.
23	void insert(Widget widget, java.lang.String tabText, int beforeIndex) Obsoleto. Inserta un widget en el panel de pestañas.
24	void insert(Widget widget, Widget tabWidget, int beforeIndex) Obsoleto. Inserta un widget en el panel de pestañas.
25	boolean isAnimationEnabled() Obsoleto. Devuelve verdadero si las animaciones están habilitadas, falso si no.
26	java.util.Iterator<Widget> iterator() Obsoleto. Obtiene un iterador para los widgets contenidos.
27	boolean on Before Tab Selected(Sources Tab Events sender, int tab Index) Obsoleto. Use Before Selection Handler.on Before Selection (com.google.gwt.event. Logic.shared.Before Selection Event) en su lugar
28	protected void onEnsureDebugId(java.lang. String baseID) Obsoleto. Elementos afectados: -bar = La barra de pestañas. -bar-tab # = El elemento que contiene el contenido de la propia pestaña. -bar-tab-wrapper # = La celda que contiene la pestaña en el índice. -bottom = El panel debajo de la barra de pestañas.
29	void onTabSelected(SourcesTabEvents sender, int tabIndex) Obsoleto. Utilice SelectionHandler.onSelection (com.google.gwt.event. Logic.shared.SelectionEvent) en su lugar
30	boolean remove(int index) Obsoleto. Elimina el widget en el índice especificado.
31	boolean remove(Widget widget) Obsoleto. Elimina el widget dado y su pestaña asociada.
32	void removeTabListener(TabListener listener) Obsoleto. Use el método HandlerRegistration.removeHandler () en el objeto devuelto por y agregue el método * Handler en su lugar
33	void selectTab(int index) Obsoleto. Selecciona mediante programación la pestaña especificada y activa eventos.
34	void selectTab(int index, boolean fireEvents) Obsoleto. Selecciona mediante programación la pestaña especificada.
35	void setAnimationEnabled(boolean enable) Obsoleto. Habilita o deshabilita animaciones.

Métodos heredados

Esta clase hereda métodos de las siguientes clases:

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

Ejemplo de widget TabPanel

Este ejemplo lo llevará a través de sencillos pasos para mostrar el uso de un widget TabPanel en GWT. Siga los siguientes pasos para actualizar la aplicación GWT que creamos en GWT - Capítulo Crear aplicación -

Paso	Descripción
1	Cree un proyecto con un nombre HelloWorld en un paquete com.tutorialspoint como se explica en el capítulo GWT - Crear aplicación .
2	Modifique HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html y HelloWorld.java como se explica a continuación. Mantenga el resto de los archivos sin cambios.
3	Compile y ejecute la aplicación para verificar el resultado de la lógica implementada.

A continuación se muestra el contenido del descriptor de módulo modificado 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>

A continuación se muestra el contenido del archivo de hoja de estilo modificado 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;
}

A continuación se muestra el contenido del archivo de host HTML modificado 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>

Tengamos el siguiente contenido del archivo Java src/com.tutorialspoint/HelloWorld.java que demostrará el 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 vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación en modo de desarrollo como hicimos en el capítulo GWT - Crear aplicación . Si todo está bien con su aplicación, esto producirá el siguiente resultado:

↰ Previous page