GWT - Widget CheckBox

introduzione

Il Checkbox widget rappresenta una casella di controllo standard.

Dichiarazione di classe

Di seguito è riportata la dichiarazione per com.google.gwt.user.client.ui.CheckBox classe -

public class CheckBox
   extends ButtonBase
      implements HasName

Regole di stile CSS

Le seguenti regole di stile CSS predefinite verranno applicate a tutto il widget CheckBox. Puoi sovrascriverlo secondo le tue esigenze.

.gwt-CheckBox {}

.gwt-CheckBox-disabled {}

Costruttori di classi

Sr.No. Costruttore e descrizione
1

CheckBox()

Costruttore per CheckkBox.
2

CheckBox(Element element)

Questo costruttore può essere utilizzato dalle sottoclassi per utilizzare esplicitamente un elemento esistente.
3

CheckBox(java.lang.String label)

Crea una casella di controllo con l'etichetta di testo specificata.
4

CheckBox(java.lang.String label, boolean asHTML)

Crea una casella di controllo con l'etichetta di testo specificata e imposta il suo contenuto come HTML.

Metodi di classe

Sr.No. Nome e descrizione della funzione
1

java.lang.String getName()

Ottiene il nome del widget.
2

int getTabIndex()

Ottiene la posizione del widget nell'indice della scheda.
3

java.lang.String getText()

Ottiene il testo di questo oggetto.
4

boolean isChecked()

Determina se questa casella di controllo è attualmente selezionata.
5

boolean isEnabled()

Ottiene se questo widget è abilitato.
6

protected void onEnsureDebugId(java.lang.String baseID)

Elementi interessati: -label = etichetta accanto alla casella di controllo.
7

protected void onLoad()

Questo metodo viene chiamato quando un widget è allegato al documento del browser.
8

protected void onUnload()

Questo metodo viene chiamato quando un widget viene scollegato dal documento del browser.
9

protected void replaceInputElement(Element elem)

Sostituisci l'elemento di input corrente con uno nuovo.
10

void setAccessKey(char key)

Imposta la "chiave di accesso" del widget.
11

void setChecked(boolean checked)

Seleziona o deseleziona questa casella di controllo.
12

void setEnabled(boolean enabled)

Imposta se questo widget è abilitato.
13

void setFocus(boolean focused)

Metti a fuoco / non focalizza esplicitamente questo widget.
14

void setHTML(java.lang.String html)

Imposta il contenuto di questo oggetto tramite HTML.
15

void setName(java.lang.String name)

Imposta il nome del widget.
16

void setTabIndex(int index)

Imposta la posizione del widget nell'indice della scheda.
17

void setText(java.lang.String text)

Imposta il testo di questo oggetto.
18

void sinkEvents(int eventBitsToAdd)

Aggiunge una serie di eventi che devono essere affondati da questo oggetto.
19

java.lang.String getHTML()

Ottiene il contenuto di questo oggetto come HTML.

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

  • java.lang.Object

Esempio di widget CheckBox

Questo esempio ti guiderà attraverso semplici passaggi per mostrare l'utilizzo di un widget CheckBox 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 invariato il resto dei file.
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;
}

.gwt-CheckBox{ 
   color:green;   
}

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

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>CheckBox 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 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 volta che sei pronto con tutte le modifiche fatte, 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:

Quando fai clic su Click Me CheckBox, mostrerà un messaggio di avviso che dice CheckBox è selezionato o non selezionato.