Make ContentPanel Collapsible (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.Orientation;
import com.extjs.gxt.ui.client.Style.Scroll;
import com.extjs.gxt.ui.client.util.Margins;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.Text;
import com.extjs.gxt.ui.client.widget.layout.FlowData;
import com.extjs.gxt.ui.client.widget.layout.RowData;
import com.extjs.gxt.ui.client.widget.layout.RowLayout;
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 RowLayoutExample());
}
}
class RowLayoutExample extends LayoutContainer {
@Override
protected void onRender(Element parent, int index) {
super.onRender(parent, index);
setScrollMode(Scroll.AUTOY);
ContentPanel panel = new ContentPanel();
panel.setHeading("RowLayout: Orientation set to vertical");
panel.setLayout(new RowLayout(Orientation.VERTICAL));
panel.setSize(400, 300);
panel.setFrame(true);
panel.setCollapsible(true);
Text label1 = new Text("Test Label 1");
label1.addStyleName("pad-text");
label1.setStyleAttribute("backgroundColor", "white");
label1.setBorders(true);
Text label2 = new Text("Test Label 2");
label2.addStyleName("pad-text");
label2.setStyleAttribute("backgroundColor", "white");
label2.setBorders(true);
Text label3 = new Text("Test Label 3");
label3.addStyleName("pad-text");
label3.setStyleAttribute("backgroundColor", "white");
label3.setBorders(true);
panel.add(label1, new RowData(1, -1, new Margins(4)));
panel.add(label2, new RowData(1, 1, new Margins(0, 4, 0, 4)));
panel.add(label3, new RowData(1, -1, new Margins(4)));
add(panel, new FlowData(10));
panel = new ContentPanel();
panel.setHeading("RowLayout: Orientation set to horizontal");
panel.setLayout(new RowLayout(Orientation.HORIZONTAL));
panel.setSize(400, 300);
panel.setFrame(true);
panel.setCollapsible(true);
label1 = new Text("Test Label 1");
label1.addStyleName("pad-text");
label1.setStyleAttribute("backgroundColor", "white");
label1.setBorders(true);
label2 = new Text("Test Label 2");
label2.addStyleName("pad-text");
label2.setStyleAttribute("backgroundColor", "white");
label2.setBorders(true);
label3 = new Text("Test Label 3");
label3.addStyleName("pad-text");
label3.setStyleAttribute("backgroundColor", "white");
label3.setBorders(true);
panel.add(label1, new RowData(-1, 1, new Margins(4)));
panel.add(label2, new RowData(1, 1, new Margins(4, 0, 4, 0)));
panel.add(label3, new RowData(-1, 1, new Margins(4)));
add(panel, new FlowData(10));
}
}
Ext-GWT.zip( 4,297 k)Related examples in the same category
