GWT: widget CheckBox

Introducción

los Checkbox widget representa una casilla de verificación estándar.

Declaración de clase

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

public class CheckBox
   extends ButtonBase
      implements HasName

Reglas de estilo CSS

Las siguientes reglas de estilo CSS predeterminadas se aplicarán a todos los widgets CheckBox. Puede anularlo según sus requisitos.

.gwt-CheckBox {}

.gwt-CheckBox-disabled {}

Constructores de clases

No Señor.	Constructor y descripción
1	CheckBox() Constructor para CheckkBox.
2	CheckBox(Element element) Este constructor puede ser usado por subclases para usar explícitamente un elemento existente.
3	CheckBox(java.lang.String label) Crea una casilla de verificación con la etiqueta de texto especificada.
4	CheckBox(java.lang.String label, boolean asHTML) Crea una casilla de verificación con la etiqueta de texto especificada y establece su contenido como HTML.

Métodos de clase

No Señor.	Nombre y descripción de la función
1	java.lang.String getName() Obtiene el nombre del widget.
2	int getTabIndex() Obtiene la posición del widget en el índice de la pestaña.
3	java.lang.String getText() Obtiene el texto de este objeto.
4	boolean isChecked() Determina si esta casilla de verificación está actualmente marcada.
5	boolean isEnabled() Obtiene si este widget está habilitado.
6	protected void onEnsureDebugId(java.lang.String baseID) Elementos afectados: -label = etiqueta junto a la casilla de verificación.
7	protected void onLoad() Este método se llama cuando se adjunta un widget al documento del navegador.
8	protected void onUnload() Este método se llama cuando un widget se separa del documento del navegador.
9	protected void replaceInputElement(Element elem) Reemplace el elemento de entrada actual por uno nuevo.
10	void setAccessKey(char key) Establece la 'clave de acceso' del widget.
11	void setChecked(boolean checked) Marca o desmarca esta casilla de verificación.
12	void setEnabled(boolean enabled) Establece si este widget está habilitado.
13	void setFocus(boolean focused) Enfoque / desenfoque explícitamente este widget.
14	void setHTML(java.lang.String html) Establece el contenido de este objeto a través de HTML.
15	void setName(java.lang.String name) Establece el nombre del widget.
dieciséis	void setTabIndex(int index) Establece la posición del widget en el índice de la pestaña.
17	void setText(java.lang.String text) Establece el texto de este objeto.
18	void sinkEvents(int eventBitsToAdd) Agrega un conjunto de eventos para ser hundidos por este objeto.
19	java.lang.String getHTML() Obtiene el contenido de este objeto como HTML.

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.FocusWidget
java.lang.Object

Ejemplo de widget CheckBox

Este ejemplo lo llevará a través de sencillos pasos para mostrar el uso de un widget CheckBox 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;
}

.gwt-CheckBox{ 
   color:green;   
}

.gwt-CheckBox-disabled {
   color:green;
}

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

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.CheckBox;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.VerticalPanel;


public class HelloWorld implements EntryPoint {
   public void onModuleLoad() {
	  
      // Make a new check box, and select it by default.
      CheckBox checkBox1 = new CheckBox("Check Me!");
      CheckBox checkBox2 = new CheckBox("Check Me!");

      // set check box as selected
      checkBox1.setValue(true);

      //disable a checkbox
      checkBox2.setEnabled(false);

      checkBox1.addClickHandler(new ClickHandler() {

         @Override
         public void onClick(ClickEvent event) {
            CheckBox checkBox = (CheckBox)event.getSource();
            Window.alert("CheckBox is " +
               (checkBox.getValue() ? "" : "not") + " checked");
         }
      });


      // Add checkboxes to the root panel.
      VerticalPanel panel = new VerticalPanel();
      panel.setSpacing(10);            
      panel.add(checkBox1);
      panel.add(checkBox2);

      RootPanel.get("gwtContainer").add(panel);
   }	
}

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:

Cuando haces clic Click Me CheckBox, mostrará un mensaje de alerta que dice CheckBox está marcado o no.

↰ Previous page