Page Comparison

Das XdevTabSheet ist ein Container, der die einzelnen Tabs horinzontal horizontal anzeigt und die Interaktion zwischen den Tabs steuert. Um ein neues Tab zu erzeugen, müssen Sie ein Layout oder eine UI-Komponente in den Kopfbereich der XdevTabSheet einfügen. Das Element wird dann automatisch über die gesamte Größe des XdevTabSheet gestreckt.

...

1. Fügen Sie ein XdevTabSheet in den GUI-Builder eine leere View ein.
2. Fügen Sie ein XdevGridLayout in den Kopfbereich der XdevTabSheet ein.
3. Fügen Sie einige XdevButtons in das XdevGridLaoyut ein.
4. Fügen Sie eine XdevRichTextArea rechts neben den 1. Tab ein. Bewegen Sie dabei den Mauszeiger mit gedrückter Maustaste auf das 1. Tab und lassen Sie die Maustaste erst los, wenn ein gestrichelter Rahmen angezeigt wird.
5. Fügen Sie eine XdevInlineDateField rechts neben den 2. Tab ein. Bewegen Sie dabei den Mauszeiger mit gedrückter Maustaste auf das 2. Tab und lassen Sie die Maustaste erst los, wenn ein gestrichelter Rahmen angezeigt wird.

...

• Im GUI-Builder
  

Wichtige Events:

• Include Page
  Event selectedTabChange

  selectedTabChange - Wird ausgelöst, wenn sich die Selektierung ändert.

  Event selectedTabChange

Wichtige Properties:

...

• Include Page
  Property TabIndex Property TabIndex

Examples:

• Tab dynamisch erzeugen und hinzufügen

  • Tab hinzufügen - Fügt das erzeugte Tab mit einem XdevGridLayout hinzu.

    Code Block
    language java theme Confluence

  // Create and add a new tab

  • XdevGridLayout

  myGridLayout

  • gridLayout = new XdevGridLayout();

  • tabSheet.addTab(

  myGridLayout

  • gridLayout);

  // Create and add a new tab on position "0" XdevGridLayout myGridLayout2 = new XdevGridLayout(); tabSheet.addTab(myGridLayout2, 0); // Create and add a new tab with caption "MyTab3" XdevGridLayout myGridLayout3 = new XdevGridLayout(); tabSheet.addTab(myGridLayout3, "MyTab3"); // Create and add a new tab with caption "MyTab4" and Icon "FontAwesome.BOOKMARK" XdevGridLayout myGridLayout4 = new XdevGridLayout(); tabSheet.addTab(myGridLayout4, "MyTab4", FontAwesome.BOOKMARK); // Create and add a new tab on position "0" with caption "MyTab5" and Icon "FontAwesome.BOOKMARK" XdevGridLayout myGridLayout5 = new XdevGridLayout(); tabSheet.addTab(myGridLayout5, "MyTab5

  • oder

    Code Block
    language java theme Confluence
    tabSheet.addComponent(new XdevVerticalLayout());

  • Tab an bestimmter Position - Fügt das neue Tab mit einem XdevGridLayout an der Position 0 ein.  

    Code Block
    language java theme Confluence
    tabSheet.addTab(new XdevGridLayout(), 0);

  • Tab mit Beschriftung - Fügt das neue Tab mit einem XdevGridLayout und der Beschriftung MyTab ein.

    Code Block
    language java theme Confluence
    tabSheet.addTab(new XdevGridLayout(), "MyTab");

  • Tab mit Beschriftung und Icon - Fügt das neue Tab mit einem XdevGridLayout, mit der Beschriftung MyTab und dem Icon FontAwesome.BOOKMARK ein.

    Code Block
    language java theme Confluence
    tabSheet.addTab(new XdevGridLayout(), "MyTab", FontAwesome.BOOKMARK);

  • Tab an bestimmter Position, mit Beschriftung und Icon -  Fügt das neue Tab mit einem XdevGridLayout, mit  der Beschriftung MyTab und dem Icon FontAwesome.BOOKMARK an der Position 0 ein.

    Code Block
    language java theme Confluence
    tabSheet.addTab(new XdevGridLayout(), "MyTab", FontAwesome.BOOKMARK, 0);

  // Create and add a new tab on position "0" only with Icon "FontAwesome.BOOKMARK" XdevGridLayout myGridLayout6 =
  • Tab an bestimmter Position, ohne Beschriftung, mit Icon -  Fügt das neue Tab mit einem XdevGridLayout, ohne Beschriftung mit dem Icon FontAwesome.BOOKMARK an der Position 0 ein.

    Code Block
    language java theme Confluence
    tabSheet.addTab(new XdevGridLayout()

  ; tabSheet.addTab(myGridLayout6

  • , null, FontAwesome.BOOKMARK, 0);

• Tab zurückgeben lassen

  • Tab

  auswählen

  • über Position ermitteln

    Code Block
    language java theme Confluence

  // Get tab by number

  • Tab tab = tabSheet.getTab(0);

  // Get tab by content component
  • Tab über den Content ermitteln

    Code Block
    language java theme Confluence
    Tab tab = tabSheet.getTab(

  myGridLayout

  • gridLayout);

• Tab entfernen

  • Tab über Position bestimmen

    Code Block
    language java

  // Remove component tabSheet.removeComponent(myGridLayout); // Remove tab

  • Tab tab = tabSheet.getTab(0); tabSheet.removeTab(tab);

  • Tab

  selektieren

  • über den Content bestimmen 

    Code Block
    language java

  // Select the first tab

  • tabSheet.

  setSelectedTab

  • removeComponent(

  0); // Select tab that contains component "myGridLayout"

  • gridLayout);

• Tab selektieren

  • Tab über Position bestimmen

    Code Block
    language java
    tabSheet.setSelectedTab(

  myGridLayout); // Get tab that contains component "myGridLayout" and select it Tab t = tabSheet.getTab(myGridLayout);

  • 0);

  • Tab über Content bestimmen

    Code Block
    language java
    tabSheet.setSelectedTab(

  t

  • gridLayout);

• Tab deaktivieren

  • Tab über Position bestimmen

    Code Block
    language java

  // Disable first tab (on position "0")

  • Tab tab = tabSheet.getTab(0); tab.setEnabled(false);

  // Disable tab that contains component "myGridLayout"
  • Tab über Content bestimmen

    Code Block
    language java
    tabSheet.getTab(

  myGridLayout

  • gGridLayout).setEnabled(false);

• Tab ausblenden

  • Tab über Position ermitteln

    Code Block
    language java

  // Hide first tab (on position "0")

  • Tab tab = tabSheet.getTab(0) tab.setVisible(false);

  // Hide tab that contains component "myGridLayout"
  • Tab über Content ermitteln

    Code Block
    language java
    tabSheet.getTab(

  0

  • gridLayout).setVisible(false);

• Tab durch den für Benutzer schließbar machen

  Code Block
  language java
  // Set tab closable Tab tab = tabSheet.getTab(0); tab.setClosable(true);

• Tabüberschriften versteckenTab-Überschrift ausblenden

  Code Block
  language java
  // Hide tab header tabSheet.setTabsVisible(false);

Zur XdevTabSheet Javadoc