import com.extjs.gxt.ui.client.widget.layout.ColumnData; //导入依赖的package包/类
/**
 * Builds a new layout container (block) for the given {@code columns} configuration.
 * 
 * @param title
 *          The container title.
 * @param columns
 *          The columns configuration (should not be {@code null} or empty).<br>
 *          The table size defines the total number of columns. Each column contains its fields.
 * @return The layout container.
 */
private static LayoutContainer buildColumnContainer(final String title, final Field<?>[]... columns) {

	final LayoutContainer columnsContainer = Panels.content(title, new ColumnLayout());
	columnsContainer.setBorders(true);
	columnsContainer.setWidth("100%");
	columnsContainer.setStyleAttribute("marginTop", BLOCK_MARGIN_TOP + Unit.PX.getType());

	final double columnWidth = 1.0d / columns.length; // Percentage.

	for (final Field<?>[] column : columns) {

		if (column == null) {
			continue;
		}

		final LayoutContainer columnContainer = Forms.panel(FIELDS_LABEL_WIDTH);

		for (final Field<?> field : column) {
			columnContainer.add(field, Forms.data());
		}

		columnsContainer.add(columnContainer, new ColumnData(columnWidth));
	}

	return columnsContainer;
}
 

import com.extjs.gxt.ui.client.widget.layout.ColumnData; //导入依赖的package包/类
private void initUI() {
	// ID. (R)
	// DisplayName (R)
	// DerivedFrom Path. (R)
	// CreateDate (R)
	// LastModififed (R)
	
	// Alias (R/W)
	// DisplayNameExpr (R/W)
	// GID (R/W)
	// Description (R/W)
	setLayout(new FlowLayout());
	/*
	Label label = new Label("DerivedPath: Ci/Test/Test2/Test3");
	label.setHeight("20px");
	add(label);
	*/
	setStyleName("ci-id-panel");
		
	FormPanel form2 = new FormPanel(); 
	
	form2.setFrame(false);  
	form2.setHeaderVisible(false);
	//form2.setHeading("Identification");  
	form2.setLayout(new FlowLayout()); 
	//form2.setCollapsible(true);  
	form2.setSize(-1, 180);
	form2.setLabelWidth(60);
	form2.setFieldWidth(100);
	
	LayoutContainer main = new LayoutContainer();  
	main.setLayout(new ColumnLayout());
	main.setSize(700, 180);
	
	LayoutContainer left = new LayoutContainer();  
	FormLayout layout = new FormLayout();  
	layout.setLabelAlign(LabelAlign.LEFT);  
	layout.setDefaultWidth(180);
	left.setLayout(layout); 
	
	
	FormLayout rightLayout = new FormLayout();  
	rightLayout.setLabelAlign(LabelAlign.LEFT);
	rightLayout.setDefaultWidth(150);
	left.setLayout(layout); 
	
	LayoutContainer right = new LayoutContainer();  
	right.setLayout(rightLayout); 
	
	getInternalModifyFieldSet(left);
	getInternalReadOnlyFieldSet(right);
	left.layout();
	main.add(left, new ColumnData(.5));
	main.add(right, new ColumnData(.5));
	
	form2.add(main);
	/*
	form2.setButtonAlign(HorizontalAlignment.LEFT);
	form2.addButton(new Button("Cancel"));  
	form2.addButton(new Button("Submit"));  
	*/
	add(form2);
	
	layout();
}
 

import com.extjs.gxt.ui.client.widget.layout.ColumnData; //导入依赖的package包/类
@Override
	protected void setupPanelLayout() {
		LayoutContainer main = new LayoutContainer();
		main.setLayout(new ColumnLayout());
		FormData formData = new FormData("95%");

		LayoutContainer left = new LayoutContainer();
		left.setStyleAttribute("paddingRight", "10px");
		FormLayout layout = new FormLayout();
		layout.setLabelAlign(LabelAlign.TOP);
		left.setLayout(layout);
		fTemplate = new TextArea();
//		first.setHideLabel(true);
		fTemplate.setFieldLabel("快递单模板");
		fTemplate.setHeight(400);
		left.add(fTemplate, formData);

		// VerticalPanel right = new VerticalPanel();
//		LayoutContainer right = new LayoutContainer();
//		right.setStyleAttribute("paddingRight", "10px");
//		layout = new FormLayout();
//		layout.setLabelAlign(LabelAlign.TOP);
//		right.setLayout(layout);
//		TextArea last = new TextArea();
//		last.setHideLabel(true);
//		last.setValue("abc\r\ndef");
//		last.setEnabled(false);
//		right.add(last, formData);
		
//		ContentPanel right = new ContentPanel();
//		right.setHeaderVisible(false);
		HtmlContainer right = new HtmlContainer();
		right.setHtml("订单模板变量说明:<br>"+
				"{$shop_name}表示网店名称<br>"+
				"{$province}表示网店所属省份<br>"+
				"{$city}表示网店所属城市<br>"
				);


		main.add(left, new ColumnData(.7));
		main.add(right, new ColumnData(.3));

		formPanel.add(main);

	}