如何以编程方式在GXT中设置BorderLayout的分割位置？
我使用Ext-GWT在小部件上设置了边框布局。有没有办法可以自动设置“拆分”位置？原因是，如果用户调整页面上的控件大小（不一定是拆分小部件所在的控件的父级），我想将拆分值设置为某个百分比值（如30％）。如何才能做到这一点？
这是现有的代码：
import com.extjs.gxt.ui.client.Style.LayoutRegion;
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.layout.BorderLayout;
import com.extjs.gxt.ui.client.widget.layout.BorderLayoutData;
import com.google.gwt.user.client.Element;
public class BorderLayoutExample extends LayoutContainer {
setSplitPositionTo(float percentage) {
// TODO: How to do this?
}
protected void onRender(Element target, int index) {
super.onRender(target, index);
final BorderLayout layout = new BorderLayout();
setLayout(layout);
setStyleAttribute("padding", "10px");
ContentPanel west = new ContentPanel();
ContentPanel center = new ContentPanel();
//uncomment this section if you dont want to see headers
/*
* west.setHeaderVisible(false);
* center.setHeaderVisible(false);
*/
BorderLayoutData westData = new BorderLayoutData(LayoutRegion.WEST, 150);
westData.setSplit(true);
westData.setCollapsible(true);
westData.setMargins(new Margins(0,5,0,0));
BorderLayoutData centerData = new BorderLayoutData(LayoutRegion.CENTER);
centerData.setMargins(new Margins(0));
add(west, westData);
add(center, centerData);
}
}
没有找到相关结果
已邀请:
1 个回复
墩瓣茅械
BorderLayoutData westData; ContentPanel west; void setSplitPositionTo(float percentage) { westData.setSize(percentage); Component c = west; Map<String, Object> state = c.getState(); state.put("size", westData.getSize()); c.saveState(); layout(true); }