Fade in and Fade out (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.Direction;
import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.fx.FxConfig;
import com.extjs.gxt.ui.client.util.Rectangle;
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.button.ButtonBar;
import com.extjs.gxt.ui.client.widget.layout.MarginData;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.impl.WindowImplIE.Resources;
import com.google.gwt.user.client.ui.RootPanel;
public class Hello implements EntryPoint {
public void onModuleLoad() {
RootPanel.get().add(new FxExample());
}
}
class FxExample extends LayoutContainer {
private ContentPanel cp;
@Override
protected void onRender(Element parent, int index) {
super.onRender(parent, index);
ButtonBar buttonBar = new ButtonBar();
buttonBar.add(new Button("Fade In / Out", new SelectionListener<ButtonEvent>() {
public void componentSelected(ButtonEvent ce) {
cp.el().fadeToggle(FxConfig.NONE);
}
}));
cp = new ContentPanel();
cp.setCollapsible(true);
cp.setHeading("FX Demo");
//cp.setIcon(Resources.ICONS.text());
cp.setBodyStyleName("pad-text");
cp.addText("DUMMY_TEXT_SHORT");
cp.setWidth(200);
add(buttonBar, new MarginData(10));
add(cp);
cp.setStyleAttribute("position", "relative");
cp.setPosition(10, 10);
}
}
Ext-GWT.zip( 4,297 k)Related examples in the same category
