CardLayout Example (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.Style.HorizontalAlignment;
import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.layout.CardLayout;
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 CardLayoutExample());
}
}
class CardLayoutExample extends LayoutContainer {
@Override
protected void onRender(Element parent, int index) {
super.onRender(parent, index);
setStyleAttribute("margin", "10px");
ContentPanel panel = new ContentPanel();
panel.setSize(400, 100);
panel.setFrame(true);
panel.setHeading("CardLayout Example");
panel.setButtonAlign(HorizontalAlignment.CENTER);
final CardLayout layout = new CardLayout();
panel.setLayout(layout);
for (int i = 0; i < 4; i++) {
final LayoutContainer c = new LayoutContainer();
c.addText("This is the contents for card: " + (i + 1));
panel.add(c);
panel.addButton(new Button("Card " + (i + 1), new SelectionListener<ButtonEvent>() {
@Override
public void componentSelected(ButtonEvent ce) {
layout.setActiveItem(c);
}
}));
}
layout.setActiveItem(panel.getItem(0));
add(panel);
}
}
Ext-GWT.zip( 4,297 k)Related examples in the same category
