T字型布局。
@Override
public void onModuleLoad() {
BorderLayoutContainer con = new BorderLayoutContainer();
ContentPanel cp = new ContentPanel();
cp.setHeading("North");
cp.add(new Label("North Content"));
BorderLayoutData d = new BorderLayoutData(.20);
d.setMargins(new Margins(5));
d.setCollapsible(true);
d.setSplit(true);
con.setNorthWidget(cp, d);
cp = new ContentPanel();
cp.setHeading("West");
cp.add(new Label("West Content"));
d = new BorderLayoutData(.20);
d.setMargins(new Margins(0, 5, 5, 5));
d.setCollapsible(true);
d.setSplit(true);
d.setCollapseMini(true);
con.setWestWidget(cp, d);
cp = new ContentPanel();
cp.setHeading("Center");
cp.add(new Label("Center Content"));
d = new BorderLayoutData();
d.setMargins(new Margins(0, 5, 5, 0));
con.setCenterWidget(cp, d);
Viewport v = new Viewport();
v.add(con);
RootPanel.get().add(v);
}
了解其他布局思路
参考 gxt.jar 展开包 package com.sencha.gxt.widget.core.client.container;