Using HorizontalPanel to hold buttons (Ext GWT) : Layout « GWT « Java






Using HorizontalPanel to hold buttons (Ext GWT)

Using HorizontalPanel to hold buttons (Ext GWT)
 

/*
 * Ext GWT - Ext for GWT
 * Copyright(c) 2007-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */



package com.google.gwt.sample.hello.client;

import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.Events;
import com.extjs.gxt.ui.client.event.Listener;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.widget.HorizontalPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.TabItem;
import com.extjs.gxt.ui.client.widget.TabPanel;
import com.extjs.gxt.ui.client.widget.VerticalPanel;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.button.ToggleButton;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.RootPanel;

public class Hello implements EntryPoint {
  public void onModuleLoad() {
    RootPanel.get().add(new AdvancedTabExample());
  }
}
class AdvancedTabExample extends LayoutContainer {

  private int index = 0;
  private TabPanel advanced;

  @Override
  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);
    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    HorizontalPanel hp = new HorizontalPanel();
    hp.setSpacing(5);

    Button add = new Button("Add Tab");
    add.addSelectionListener(new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        addTab();
        advanced.setSelection(advanced.getItem(index - 1));
      }
    });
    hp.add(add);

    ToggleButton toggle = new ToggleButton("Enable Tab Context Menu");
    toggle.addListener(Events.Toggle, new Listener<ButtonEvent>() {
      public void handleEvent(ButtonEvent be) {
        advanced.setCloseContextMenu(((ToggleButton) be.getButton()).isPressed());
      }
    });
    toggle.toggle(true);
    hp.add(toggle);
    vp.add(hp);

    advanced = new TabPanel();
    advanced.setSize(600, 250);
    advanced.setMinTabWidth(115);
    advanced.setResizeTabs(true);
    advanced.setAnimScroll(true);
    advanced.setTabScroll(true);
    advanced.setCloseContextMenu(true);

    while (index < 7) {
      addTab();
    }

    advanced.setSelection(advanced.getItem(6));

    vp.add(advanced);
    add(vp);
  }

  private void addTab() {
    TabItem item = new TabItem();
    item.setText("New Tab " + ++index);
    item.setClosable(index != 1);
    item.addText("Tab Body " + index);
    item.addStyleName("pad-text");
    advanced.add(item);
  }

}

   
  








Ext-GWT.zip( 4,297 k)

Related examples in the same category

1.Set margin of vertical layout (Smart GWT)Set margin of vertical layout (Smart GWT)
2.HLayout/VLayout manage the stacked positions and sizes of multiple member components (Smart GWT)HLayout/VLayout manage the stacked positions and sizes of multiple member components (Smart GWT)
3.Set layout percentage with * (Smart GWT)Set layout percentage with * (Smart GWT)
4.Full client area nested layout (Smart GWT)Full client area nested layout (Smart GWT)
5.Remove widget from layout mananger (Smart GWT)Remove widget from layout mananger (Smart GWT)
6.Using Canvas to hold Layout managers (Smart GWT)Using Canvas to hold Layout managers (Smart GWT)
7.HStack/VStack containers manage the stacked positions of multiple member components (Smart GWT)HStack/VStack containers manage the stacked positions of multiple member components (Smart GWT)
8.Click and hold the arrow to move the image. (Smart GWT)Click and hold the arrow to move the image. (Smart GWT)
9.Add buttons to Canvas (Smart GWT)Add buttons to Canvas (Smart GWT)
10.Show or hide the message (Smart GWT)Show or hide the message (Smart GWT)
11.CardLayout Example (Ext GWT)CardLayout Example (Ext GWT)
12.CenterLayout Example (Ext GWT)CenterLayout Example (Ext GWT)
13.Horizontal and vertical row layout (Ext GWT)Horizontal and vertical row layout (Ext GWT)
14.Horizontal box layout align top (Ext GWT)Horizontal box layout align top (Ext GWT)
15.Horizontal box layout align middle (Ext GWT)Horizontal box layout align middle (Ext GWT)
16.Horizontal box layout align bottom (Ext GWT)Horizontal box layout align bottom (Ext GWT)
17.Horizontal Box Layout Align.STRETCH (Ext GWT)Horizontal Box Layout Align.STRETCH (Ext GWT)
18.Horizontal Flex: All even (Ext GWT)Horizontal Flex: All even (Ext GWT)
19.Horizontal Flex: ratio (Ext GWT)Horizontal Flex: ratio (Ext GWT)
20.Horizontal Flex + Stretch (Ext GWT)Horizontal Flex + Stretch (Ext GWT)
21.Pack: start (Ext GWT)Pack: start (Ext GWT)
22.Pack: center (Ext GWT)Pack: center (Ext GWT)
23.Pack: end (Ext GWT)Pack: end (Ext GWT)
24.VBoxLayout Example (Ext GWT)
25.BorderLayout and BorderLayoutData (Ext GWT)BorderLayout and BorderLayoutData (Ext GWT)
26.Spaced VerticalBox Layout (Ext GWT)Spaced VerticalBox Layout (Ext GWT)
27.extends LayoutContainter (Ext GWT)extends LayoutContainter (Ext GWT)
28.Multi-Spaced horizontal layout (Ext GWT)