Versions Compared

Version Old Version 22 New Version Current
Changes made by

RapidClipse Team

Johannes M

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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
      languagejava
      themeConfluence
    // Create and add a new tab 
    • XdevGridLayout
    myGridLayout
    • gridLayout = new XdevGridLayout();

    • tabSheet.addTab(
    myGridLayout); // 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", FontAwesome.BOOKMARK, 0); // Create and add a new tab on position "0" only with Icon "FontAwesome.BOOKMARK" XdevGridLayout myGridLayout6 = new XdevGridLayout(); tabSheet.addTab(myGridLayout6, null, FontAwesome.BOOKMARK, 0);Tab auswählen
    • gridLayout);

      oder

      Code Block
      languagejava
      themeConfluence
    // Get tab by number Tab tab = 
    • tabSheet.
    getTab
    • addComponent(
    0); // Get tab by content component Tab tab = tabSheet.getTab(myGridLayout);

  • Tab entfernen

    Code Block
    languagejava
    // Remove component
tabSheet.removeComponent(myGridLayout);

// Remove tab
Tab tab = tabSheet.getTab(0);
tabSheet.removeTab(tab);

  • Tab selektieren

    Code Block
    languagejava
    // Select the first tab
tabSheet.setSelectedTab(0);
		
// Select tab that contains component "myGridLayout"
tabSheet.setSelectedTab(myGridLayout);
		
// Get tab that contains component "myGridLayout" and select it
Tab t = tabSheet.getTab(myGridLayout);
tabSheet.setSelectedTab(t);

  • Tab deaktivieren

    Code Block
    languagejava
    // Disable first tab (on position "0")
Tab tab = tabSheet.getTab(0);
tab.setEnabled(false);		
		
// Disable tab that contains component "myGridLayout"
tabSheet.getTab(myGridLayout).setEnabled(false);

  • Tab ausblenden

    Code Block
    languagejava
    // Hide first tab (on position "0")
Tab tab = tabSheet.getTab(0)
tab.setVisible(false);      
		     
// Hide tab that contains component "myGridLayout"
tabSheet.getTab(0).setVisible(false);

  • Tab durch den Benutzer schließbar machen

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

  • Tabüberschriften verstecken

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

 

 

Examples 2:

  • Tab dynamisch erzeugen und hinzufügen

    • Tab erzeugen

      Code Block
      languagejava
      themeConfluence
      XdevGridLayout gridLayout = new XdevGridLayout();

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

      Code Block
      languagejava
      themeConfluence
      tabSheet.addTab(gridLayout);
    • Tab 
      new XdevVerticalLayout());

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

      Code Block
      languagejava
      themeConfluence
      tabSheet.addTab(new XdevGridLayout(gridLayout), 0);

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

      Code Block
      languagejava
      themeConfluence
      tabSheet.addTab(new XdevGridLayout(gridLayout), "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
      languagejava
      themeConfluence
      tabSheet.addTab(gridLayoutnew 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
      languagejava
      themeConfluence
      tabSheet.addTab(new XdevGridLayout(gridLayout), "MyTab", FontAwesome.BOOKMARK, 0);

    • 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
      languagejava
      themeConfluence
      tabSheet.addTab(new XdevGridLayout(gridLayout), null, FontAwesome.BOOKMARK, 0);

  • Tab zurückgeben lassen

    • Tab über Position ermitteln

      Code Block
      languagejava
      themeConfluence
      Tab tab = tabSheet.getTab(0);

    • Tab über den Content ermitteln

      Code Block
      languagejava
      themeConfluence
      Tab tab = tabSheet.getTab(gridLayout);

  • Tab entfernen

    • Tab über Position ermittelnbestimmen

      Code Block
      languagejava
      // Remove component
tabSheet.removeComponent(myGridLayout);

// Remove tab
Tab tab = tabSheet.getTab(0);
tabSheet.removeTab(tab);

    • Tab über den Content ermitteln

    Tab selektieren

    • bestimmen 

      Code Block
      languagejava
    // Select the first tab 
    • tabSheet.
    setSelectedTab(0); // Select tab that contains component "myGridLayout" tabSheet.setSelectedTab(myGridLayout); // Get tab that contains component "myGridLayout" and select it Tab t = tabSheet.getTab(myGridLayout); tabSheet.setSelectedTab(t);

  • Tab deaktivieren

    Code Block
    languagejava
    // Disable first tab (on position "0")
Tab tab = tabSheet.getTab(0);
tab.setEnabled(false);		
		
// Disable tab that contains component "myGridLayout"
tabSheet.getTab(myGridLayout).setEnabled(false);

  • Tab ausblenden

    • removeComponent(gridLayout);

  • Tab selektieren

    • Tab über Position bestimmen

      Code Block
      languagejava
    // Hide first tab (on position "0") Tab tab = 
    • tabSheet.
    getTab
    • setSelectedTab(0
    ) tab.setVisible(false
    • );
    // Hide tab that contains component "myGridLayout" tabSheet.getTab(0).setVisible(false);Tab durch den Benutzer schließbar machen
    • Tab über Content bestimmen
       Code Block
      languagejava
    // Set tab closable
Tab tab = 
    • tabSheet.
    getTab(0);
tab.setClosable(true);
  • Tabüberschriften verstecken
     Code Block
    languagejava
    // Hide tab header
tabSheet.setTabsVisible(false);
Examples 3:
  • Tab dynamisch erzeugen und hinzufügen
    • Tab erzeugen - Erzeugt ein neues Tab.
      setSelectedTab(gridLayout);
  • Tab deaktivieren
    • Tab über Position bestimmen
       Code Block
      theme
      languagejavaConfluence
      XdevGridLayout myGridLayout = new XdevGridLayout();
      Tab hinzufügen -  Fügt das neue 
      Tab
       mit Beschriftung MyTab und dem Icon FontAwesome.BOOKMARK an der Position 0 ein. Setzen Sie für Parameter die Sie nicht benötigen null.
       Code Block
      languagejava
      themeConfluence
      tabSheet.addTab(myGridLayout, "MyTab", FontAwesome.BOOKMARK, 0);
    Tab auswählen
     Code Block
    languagejava
    themeConfluence
    // Get 
    • tab 
    by number
Tab tab 
    • = tabSheet.getTab(0);

    	
// Get 
    • tab
     by content component 
Tab tab = tabSheet.getTab(myGridLayout
    • .setEnabled(false);
    • Tab 
     entfernen
    • über Content bestimmen
       Code Block
      languagejava
    // Remove component

    • tabSheet.
    removeComponent(myGridLayout);

// Remove tab
Tab tab = tabSheet.
    • getTab(
    0
    • gGridLayout)
    ;
tabSheet
    • .
    removeTab
    • setEnabled(
    tab
    • false);
  • Tab selektieren
     Code Block
    languagejava
    // Select the first tab
tabSheet.setSelectedTab(0);
		
// Select tab that contains component "myGridLayout"
tabSheet.setSelectedTab(myGridLayout);
		
// Get tab that contains component "myGridLayout" and select it
Tab t = tabSheet.getTab(myGridLayout);
tabSheet.setSelectedTab(t);
    Tab deaktivierenausblenden
    • Tab über Position ermitteln
       Code Block
      languagejava
    // Disable first tab (on position "0")

    • Tab tab = tabSheet.getTab(0)
    ;
    • 
tab.
    setEnabled
    • setVisible(false);
    		
    •  
    		
    •  
    // Disable tab that contains component "myGridLayout"
tabSheet.getTab(myGridLayout).setEnabled(false);Tab ausblenden
    • Tab über Content ermitteln
       Code Block
      languagejava
    // Hide first tab (on position "0")
Tab tab = 
    • tabSheet.getTab(
    0)
tab.setVisible(false);      
		     
// Hide tab that contains component "myGridLayout"
tabSheet.getTab(0
    • gridLayout).setVisible(false);
  • Tab durch den für Benutzer schließbar machen
     Code Block
    languagejava
    // Set tab closable
Tab tab = tabSheet.getTab(0);
tab.setClosable(true);
  • Tabüberschriften versteckenTab-Überschrift ausblenden
     Code Block
    languagejava
    // Hide tab header
tabSheet.setTabsVisible(false);
Zur XdevTabSheet Javadoc