Reordering grid (Ext GWT) : Table Filter Sorter « GWT « Java

Home
Java
1.2D Graphics GUI
2.3D
3.Advanced Graphics
4.Ant
5.Apache Common
6.Chart
7.Class
8.Collections Data Structure
9.Data Type
10.Database SQL JDBC
11.Design Pattern
12.Development Class
13.EJB3
14.Email
15.Event
16.File Input Output
17.Game
18.Generics
19.GWT
20.Hibernate
21.I18N
22.J2EE
23.J2ME
24.JDK 6
25.JNDI LDAP
26.JPA
27.JSP
28.JSTL
29.Language Basics
30.Network Protocol
31.PDF RTF
32.Reflection
33.Regular Expressions
34.Scripting
35.Security
36.Servlets
37.Spring
38.Swing Components
39.Swing JFC
40.SWT JFace Eclipse
41.Threads
42.Tiny Application
43.Velocity
44.Web Services SOA
45.XML
Java Tutorial
Java Source Code / Java Documentation
Java Open Source
Jar File Download
Java Articles
Java Products
Java by API
Java » GWT » Table Filter SorterScreenshots 
Reordering grid (Ext GWT)
Reordering grid (Ext GWT)
 
/*
 * Ext GWT - Ext for GWT
 * Copyright(c) 2007-2009, Ext JS, LLC.
 * licensing@extjs.com
 
 * http://extjs.com/license
 */

package com.google.gwt.sample.hello.client;

import java.util.ArrayList;
import java.util.Date;
import java.util.List;

import com.extjs.gxt.ui.client.Style.HorizontalAlignment;
import com.extjs.gxt.ui.client.data.BaseModel;
import com.extjs.gxt.ui.client.dnd.GridDragSource;
import com.extjs.gxt.ui.client.dnd.GridDropTarget;
import com.extjs.gxt.ui.client.dnd.DND.Feedback;
import com.extjs.gxt.ui.client.store.ListStore;
import com.extjs.gxt.ui.client.util.Util;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.grid.ColumnConfig;
import com.extjs.gxt.ui.client.widget.grid.ColumnData;
import com.extjs.gxt.ui.client.widget.grid.ColumnModel;
import com.extjs.gxt.ui.client.widget.grid.Grid;
import com.extjs.gxt.ui.client.widget.grid.GridCellRenderer;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.extjs.gxt.ui.client.widget.table.NumberCellRenderer;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.i18n.client.DateTimeFormat;
import com.google.gwt.i18n.client.NumberFormat;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.impl.WindowImplIE.Resources;
import com.google.gwt.user.client.ui.RootPanel;

public class Hello implements EntryPoint {
  public void onModuleLoad() {
    RootPanel.get().add(new ReorderingGridExample());
  }
}
class ReorderingGridExample extends LayoutContainer {

  @SuppressWarnings("unchecked")
  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    
    setLayout(new FlowLayout(10));

    final NumberFormat currency = NumberFormat.getCurrencyFormat();
    final NumberFormat number = NumberFormat.getFormat("0.00");
    final NumberCellRenderer<Grid<Stock>> numberRenderer = new NumberCellRenderer<Grid<Stock>>(
        currency);

    GridCellRenderer<Stock> change = new GridCellRenderer<Stock>() {
      public String render(Stock model, String property, ColumnData config, int rowIndex,
          int colIndex, ListStore<Stock> store, Grid<Stock> grid) {
        double val = (Doublemodel.get(property);
        String style = val < "red" "green";
        return "<span style='color:" + style + "'>" + number.format(val"</span>";
      }
    };

    GridCellRenderer<Stock> gridNumber = new GridCellRenderer<Stock>() {
      public String render(Stock model, String property, ColumnData config, int rowIndex,
          int colIndex, ListStore<Stock> store, Grid<Stock> grid) {
        return numberRenderer.render(null, property, model.get(property));
      }
    };

    List<ColumnConfig> configs = new ArrayList<ColumnConfig>();

    ColumnConfig column = new ColumnConfig();
    column.setId("name");
    column.setSortable(false);
    column.setHeader("Company");
    column.setWidth(200);
    configs.add(column);

    column = new ColumnConfig();
    column.setId("symbol");
    column.setHeader("Symbol");
    column.setWidth(100);
    configs.add(column);

    column = new ColumnConfig();
    column.setId("last");
    column.setHeader("Last");
    column.setAlignment(HorizontalAlignment.RIGHT);
    column.setWidth(75);
    column.setRenderer(gridNumber);
    configs.add(column);

    column = new ColumnConfig("change""Change"100);
    column.setAlignment(HorizontalAlignment.RIGHT);
    column.setRenderer(change);
    configs.add(column);

    column = new ColumnConfig("date""Last Updated"100);
    column.setAlignment(HorizontalAlignment.RIGHT);
    column.setDateTimeFormat(DateTimeFormat.getShortDateFormat());
    configs.add(column);

    ListStore<Stock> store = new ListStore<Stock>();
    store.add(Util.subList(getStocks()012));

    ColumnModel cm = new ColumnModel(configs);

    ContentPanel cp = new ContentPanel();
    cp.setBodyBorder(false);
    //cp.setIcon(Resources.ICONS.table());
    cp.setHeading("Reordering Grid");
    cp.setButtonAlign(HorizontalAlignment.CENTER);
    cp.setLayout(new FitLayout());
    cp.setSize(600304);

    Grid<Stock> grid = new Grid<Stock>(store, cm);
    grid.setStyleAttribute("borderTop""none");
    grid.setAutoExpandColumn("name");
    grid.setBorders(true);
    grid.setStripeRows(true);
    cp.add(grid);
    
    new GridDragSource(grid);
    
    GridDropTarget target = new GridDropTarget(grid);
    target.setAllowSelfAsSource(true);
    target.setFeedback(Feedback.INSERT);
    

    add(cp);
  }


   

  public static List<Stock> getStocks() {
    List<Stock> stocks = new ArrayList<Stock>();

    stocks.add(new Stock("Apple Inc.""AAPL"125.64123.43));
    stocks.add(new Stock("Cisco Systems, Inc.""CSCO"25.8426.3));
    stocks.add(new Stock("Google Inc.""GOOG"516.2512.6));
    stocks.add(new Stock("Intel Corporation""INTC"21.3621.53));
    stocks.add(new Stock("Level 3 Communications, Inc.""LVLT"5.555.54));
    stocks.add(new Stock("Microsoft Corporation""MSFT"29.5629.72));
    stocks.add(new Stock("Nokia Corporation (ADR)""NOK"27.8327.93));
    stocks.add(new Stock("Oracle Corporation""ORCL"18.7318.98));
    stocks.add(new Stock("Starbucks Corporation""SBUX"27.3327.36));
    stocks.add(new Stock("Yahoo! Inc.""YHOO"26.9727.29));
    stocks.add(new Stock("Applied Materials, Inc.""AMAT"18.418.66));
    stocks.add(new Stock("Comcast Corporation""CMCSA"25.926.4));
    stocks.add(new Stock("Sirius Satellite""SIRI"2.772.74));

    stocks.add(new Stock("Tellabs, Inc.""TLAB"10.6410.75));
    stocks.add(new Stock("eBay Inc.""EBAY"30.4331.21));
    stocks.add(new Stock("Broadcom Corporation""BRCM"30.8830.48));
    stocks.add(new Stock("CMGI Inc.""CMGI"2.142.13));
    stocks.add(new Stock("Amgen, Inc.""AMGN"56.2257.02));
    stocks.add(new Stock("Limelight Networks""LLNW"2322.11));
    stocks.add(new Stock("Amazon.com, Inc.""AMZN"72.4772.23));

    stocks.add(new Stock("E TRADE Financial Corporation""ETFC"24.3224.58));
    stocks.add(new Stock("AVANIR Pharmaceuticals""AVNR"3.73.52));
    stocks.add(new Stock("Gemstar-TV Guide, Inc.""GMST"4.414.55));
    stocks.add(new Stock("Akamai Technologies, Inc.""AKAM"43.0845.32));
    stocks.add(new Stock("Motorola, Inc.""MOT"17.7417.69));
    stocks.add(new Stock("Advanced Micro Devices, Inc.""AMD"13.7713.98));
    stocks.add(new Stock("General Electric Company""GE"36.836.91));
    stocks.add(new Stock("Texas Instruments Incorporated""TXN"35.0235.7));
    stocks.add(new Stock("Qwest Communications""Q"9.910.03));
    stocks.add(new Stock("Tyco International Ltd.""TYC"33.4833.26));
    stocks.add(new Stock("Pfizer Inc.""PFE"26.2126.19));
    stocks.add(new Stock("Time Warner Inc.""TWX"20.320.45));
    stocks.add(new Stock("Sprint Nextel Corporation""S"21.8521.76));
    stocks.add(new Stock("Bank of America Corporation""BAC"49.9249.73));
    stocks.add(new Stock("Taiwan Semiconductor""TSM"10.410.52));
    stocks.add(new Stock("AT&T Inc.""T"39.739.66));
    stocks.add(new Stock("United States Steel Corporation""X"115.81114.62));
    stocks.add(new Stock("Exxon Mobil Corporation""XOM"81.7781.86));
    stocks.add(new Stock("Valero Energy Corporation""VLO"72.4672.6));
    stocks.add(new Stock("Micron Technology, Inc.""MU"12.0212.27));
    stocks.add(new Stock("Verizon Communications Inc.""VZ"42.542.61));
    stocks.add(new Stock("Avaya Inc.""AV"16.9616.96));
    stocks.add(new Stock("The Home Depot, Inc.""HD"37.6637.79));

    stocks.add(new Stock("First Data Corporation""FDC"32.732.65));
    return stocks;

  }
}
class Stock extends BaseModel {

  public Stock() {
  }

  public Stock(String name, String symbol, double open, double last) {
    set("name", name);
    set("symbol", symbol);
    set("open", open);
    set("last", last);
    set("date"new Date());
    set("change", last - open);
  }

  public Stock(String name, double open, double change, double pctChange, Date date, String industry) {
    set("name", name);
    set("open", open);
    set("change", change);
    set("percentChange", pctChange);
    set("date", date);
    set("industry", industry);
  }

  public String getIndustry() {
    return get("industry");
  }

  public void setIndustry(String industry) {
    set("industry", industry);
  }

  public Date getLastTrans() {
    return (Dateget("date");
  }

  public String getName() {
    return (Stringget("name");
  }

  public String getSymbol() {
    return (Stringget("symbol");
  }

  public double getOpen() {
    Double open = (Doubleget("open");
    return open.doubleValue();
  }

  public double getLast() {
    Double open = (Doubleget("last");
    return open.doubleValue();
  }

  public double getChange() {
    return getLast() - getOpen();
  }

  public double getPercentChange() {
    return getChange() / getOpen();
  }

  public String toString() {
    return getName();
  }

}

   
  
Ext-GWT.zip( 4,297 k)
Related examples in the same category
1.Grid Nested Filter Bulder Sample (Smart GWT)Grid Nested Filter Bulder Sample (Smart GWT)
2.Grid Disable Filter Sample (Smart GWT)Grid Disable Filter Sample (Smart GWT)
3.Grid Filter Sample (Smart GWT)Grid Filter Sample (Smart GWT)
4.Grid Live Filter Sample (Smart GWT)Grid Live Filter Sample (Smart GWT)
5.Adaptive Filter Sample (Smart GWT)Adaptive Filter Sample (Smart GWT)
6.This grid shows the sort-direction arrow in the top-right corner only (Smart GWT)This grid shows the sort-direction arrow in the top-right corner only (Smart GWT)
7.To reverse the sort direction, click on the same column header, or the top-right corner of the grid. (Smart GWT)To reverse the sort direction, click on the same column header, or the top-right corner of the grid. (Smart GWT)
8.Sorting is disabled on the Flag column (Smart GWT)Sorting is disabled on the Flag column (Smart GWT)
9.Reordering TreeGrid (Ext GWT)Reordering TreeGrid (Ext GWT)
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.