Print Shortlink

Basic Grid using UiBinder in GXT3

UiBinder in GWT provides you a facility for declarative UI. The UI is defined in a xml file and the code associated with the UI is defined in a separate java file.

You can find a grid example in GXT3 implemented using UiBinder at The Grid displays a list of countries. The UiBinder xml file, with the grid declaration is shown below.

<!DOCTYPE ui:UiBinder SYSTEM "">
<ui:UiBinder xmlns:ui=""
	<ui:with type="com.sencha.gxt.widget.core.client.grid.ColumnModel" field="countryColumnModel"></ui:with>
	<ui:with type="com.sencha.gxt.widget.core.client.grid.GridView" field="countryGridView"></ui:with>
	<ui:with type="" field="countryStore"></ui:with>
		<grid:Grid ui:field="countryGrid" cm="{countryColumnModel}" 
					store="{countryStore}" view="{countryGridView}" 
					borders="true" height="300" width="302">

Leave a Reply