Wicket integration with ExtJS

I'm a ExtJS api fan to develop layout. I am developing a wicket project and would like to use a gridview developed in extjs in my project. I tried some api wicket integration with extjs. I found this api http://code.google.com/p/wicket-ext/. api is in development and it hasn't integration with all features of ExtJS, but currently the API is already integrates with some famous ExtJS components, such as GridView. Below is an example of how to write a simple GridView with the component.

#Java

- WebPage Class -------------------------------------------------------

<br />add( new ExtGridView<databean> ("grid") {<br /> @Override<br /> protected ColumnMap[] getColumns() {<br /> ColumnMap col1 = new ColumnMap("company", "Company name") .setSortable(true);<br /> ColumnMap col2 = new ColumnMap("price", "Price") .setSortable(true);<br /> ColumnMap col3 = new ColumnMap("change", "Change");<br /> ColumnMap col4 = new ColumnMap("lastUpdate", "Last update");<br /> return new ColumnMap[] { col1, col2, col3, col4 };<br /> }<br /><br /> public Integer totalRecords() { return DataHelper.list().size(); }<br /><br /> public Iterator<databean> iterator(Query query) {<br /> Integer start = query.getStart() != null ? query.getStart() : 0;<br /> Integer count = query.getLimit() != null ? query.getLimit() : 100;<br /> return DataHelper.list(start, count, query.getSort(), query.getDirection()).iterator();<br /> }}<br /> .setPageSize(10)<br /> .setSortField("company")<br /> .setTitle("Sample GridPanel")<br /> .setWidth(600)<br /> .setHeight(500)<br /><br />); <br />

- Bean Class ------------------------------------------------------------
<br /><br />public class DataBean {<br /><br />private static SimpleDateFormat DATE_FORMAT = new SimpleDateFormat("M/d h:m");<br /><br />private String company;<br />private Double price;<br />private Double change;<br />private Double pctChange;<br />private Date lastUpdate;<br />private String industry;<br /><br />public DataBean( String company, double price, double change, double pctChange, String lastUpdate, String industry ) {<br /> this.company = company;<br /> this.price = price;<br /> this.change = change;<br /> this.pctChange = pctChange;<br /> try {<br /> this.lastUpdate = DATE_FORMAT.parse(lastUpdate);<br /> }<br /> catch (ParseException e) {<br /> throw new IllegalArgumentException(String.format("Invalid date value : %s", lastUpdate));<br /> }<br /> this.industry = industry;<br />}<br /><br />public String getCompany() {<br /> return company;<br />}<br /><br />public void setCompany(String company) {<br /> this.company = company;<br />}<br /><br />public Double getPrice() {<br /> return price;<br />}<br /><br />public void setPrice(Double price) {<br /> this.price = price;<br />}<br /><br />public Double getChange() {<br /> return change;<br />}<br /><br />public void setChange(Double change) {<br /> this.change = change;<br />}<br /><br />public Double getPctChange() {<br /> return pctChange;<br />}<br /><br />public void setPctChange(Double pctChange) {<br /> this.pctChange = pctChange;<br />}<br /><br />public Date getLastUpdate() {<br /> return lastUpdate;<br />}<br /><br />public void setLastUpdate(Date lastUpdate) {<br /> this.lastUpdate = lastUpdate;<br />}<br /><br />public String getIndustry() {<br /> return industry;<br />}<br /><br />public void setIndustry(String industry) {<br /> this.industry = industry;<br />}<br /><br />}<br /><br /><br />class DataHelper {<br /><br />static List<databean> dataset = new ArrayList<databean>();<br /><br />static {<br /><br /> dataset.add( new DataBean("3m Co",71.72,0.02,0.03,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("Alcoa Inc",29.01,0.42,1.47,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("Altria Group Inc",83.81,0.28,0.34,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("American Express Company",52.55,0.01,0.02,"9/1 12:00am", "Finance"));<br /> dataset.add( new DataBean("American International Group, Inc.",64.13,0.31,0.49,"9/1 12:00am", "Services"));<br /> dataset.add( new DataBean("AT&T Inc.",31.61,-0.48,-1.54,"9/1 12:00am", "Services"));<br /> dataset.add( new DataBean("Boeing Co.",75.43,0.53,0.71,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("Caterpillar Inc.",67.27,0.92,1.39,"9/1 12:00am", "Services"));<br /> dataset.add( new DataBean("Citigroup, Inc.",49.37,0.02,0.04,"9/1 12:00am", "Finance"));<br /> dataset.add( new DataBean("E.I. du Pont de Nemours and Company",40.48,0.51,1.28,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("Exxon Mobil Corp",68.1,-0.43,-0.64,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("General Electric Company",34.14,-0.08,-0.23,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("General Motors Corporation",30.27,1.09,3.74,"9/1 12:00am", "Automotive"));<br /> dataset.add( new DataBean("Hewlett-Packard Co.",36.53,-0.03,-0.08,"9/1 12:00am", "Computer"));<br /> dataset.add( new DataBean("Honeywell Intl Inc",38.77,0.05,0.13,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("Intel Corporation",19.88,0.31,1.58,"9/1 12:00am", "Computer"));<br /> dataset.add( new DataBean("International Business Machines",81.41,0.44,0.54,"9/1 12:00am", "Computer"));<br /> dataset.add( new DataBean("Johnson & Johnson",64.72,0.06,0.09,"9/1 12:00am", "Medical"));<br /> dataset.add( new DataBean("JP Morgan & Chase & Co",45.73,0.07,0.15,"9/1 12:00am", "Finance"));<br /> dataset.add( new DataBean("McDonald\"s Corporation",36.76,0.86,2.40,"9/1 12:00am", "Food"));<br /> dataset.add( new DataBean("Merck & Co., Inc.",40.96,0.41,1.01,"9/1 12:00am", "Medical"));<br /> dataset.add( new DataBean("Microsoft Corporation",25.84,0.14,0.54,"9/1 12:00am", "Computer"));<br /> dataset.add( new DataBean("Pfizer Inc",27.96,0.4,1.45,"9/1 12:00am", "Medical"));<br /> dataset.add( new DataBean("The Coca-Cola Company",45.07,0.26,0.58,"9/1 12:00am", "Food"));<br /> dataset.add( new DataBean("The Home Depot, Inc.",34.64,0.35,1.02,"9/1 12:00am", "Retail"));<br /> dataset.add( new DataBean("The Procter & Gamble Company",61.91,0.01,0.02,"9/1 12:00am", "Manufacturing"));<br /> dataset.add( new DataBean("United Technologies Corporation",63.26,0.55,0.88,"9/1 12:00am", "Computer"));<br /> dataset.add( new DataBean("Verizon Communications",35.57,0.39,1.11,"9/1 12:00am", "Services"));<br /> dataset.add( new DataBean("Wal-Mart Stores, Inc.",45.45,0.73,1.63,"9/1 12:00am", "Retail"));<br /> dataset.add( new DataBean("Walt Disney Company (The) (Holding Company)",29.89,0.24,0.81,"9/1 12:00am", "Services"));<br /><br />}<br /><br />public static List<databean> list() {<br /> return dataset;<br />}<br /><br />public static List<databean> list( int start, int limit, final String sort, final String dir ) {<br /> List<databean> result;<br /><br /> if( sort != null ) {<br /> result = sort(dataset,sort,dir);<br /> }<br /> else {<br /> result = dataset;<br /> }<br /><br /> return page(result,start,limit);<br />}<br /><br />public static <t> List<t> page( final List<t> list, final int start, final int limit ) {<br /> /*<br /> * extract the specified portion<br /> */<br /> List<t> result = new ArrayList<t>();<br /> for( int i=0; i<limit start=""><list.size(); return="" public="" static=""><t> List<t> sort( final List<t> list, final String sort, final String dir ) {<br /> List<t> result = new ArrayList<t>(list);<br /><br /> Collections.sort(result, new Comparator<t>() {<br /><br /> public int compare(T o1, T o2) {<br /> Comparable v1 = value(o1,sort);<br /> Comparable v2 = value(o2,sort);<br /> if( !"DESC".equals(dir) ) {<br /> return v1.compareTo(v2);<br /> }<br /> else {<br /> return v2.compareTo(v1);<br /> }<br /><br /> }} );<br /><br /> return result;<br />}<br /><br />public static <t> List<t> filter( final List<t> list, String column, String filter ) {<br /> List<t> result = new ArrayList<t>();<br /> for( T item : list ){<br /> String val = value(item, column);<br /> if( val != null && filter != null && val.toLowerCase().startsWith(filter.toLowerCase()) ) {<br /> result.add(item);<br /> }<br /> }<br /><br /> return result;<br />}<br /><br />public static <t> T value( Object obj, String fieldName ) {<br /> Field field;<br /> try {<br /> field = obj.getClass().getDeclaredField(fieldName);<br /> field.setAccessible(true);<br /> T v1 = (T) field.get(obj);<br /> return v1;<br /> }<br /> catch (Exception e) {<br /> throw new IllegalArgumentException(String.format("Invalid field: '%s'", fieldName),e);<br /> }<br />}<br /><br />}<br /><br />

# html

<br /><div id="grid"></div><br />

# result