Drag and drop between ListView, Grid,TreeGrid (Ext GWT) : Table Drag Drop « 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 Drag DropScreenshots 
Drag and drop between ListView, Grid,TreeGrid (Ext GWT)
Drag and drop between ListView, Grid,TreeGrid (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.io.Serializable;
import java.util.Arrays;

import com.extjs.gxt.ui.client.data.BaseTreeModel;
import com.extjs.gxt.ui.client.data.ModelData;
import com.extjs.gxt.ui.client.dnd.GridDragSource;
import com.extjs.gxt.ui.client.dnd.GridDropTarget;
import com.extjs.gxt.ui.client.dnd.ListViewDragSource;
import com.extjs.gxt.ui.client.dnd.ListViewDropTarget;
import com.extjs.gxt.ui.client.dnd.TreeGridDragSource;
import com.extjs.gxt.ui.client.dnd.TreeGridDropTarget;
import com.extjs.gxt.ui.client.dnd.TreePanelDragSource;
import com.extjs.gxt.ui.client.dnd.TreePanelDropTarget;
import com.extjs.gxt.ui.client.store.ListStore;
import com.extjs.gxt.ui.client.store.TreeStore;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.ListView;
import com.extjs.gxt.ui.client.widget.grid.ColumnConfig;
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.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.TableLayout;
import com.extjs.gxt.ui.client.widget.treegrid.TreeGrid;
import com.extjs.gxt.ui.client.widget.treegrid.TreeGridCellRenderer;
import com.extjs.gxt.ui.client.widget.treepanel.TreePanel;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.RootPanel;

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

  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    TableLayout layout = new TableLayout(2);
    layout.setCellSpacing(10);
    setLayout(layout);

    createTree();
    createList();
    createTreeGrid();
    createGrid();
  }

  private void createGrid() {
    ListStore<ModelData> store = new ListStore<ModelData>();

    ColumnConfig name = new ColumnConfig("name""Name"100);
    ColumnConfig date = new ColumnConfig("author""Author"100);
    ColumnConfig size = new ColumnConfig("genre""Genre"100);

    ColumnModel cm = new ColumnModel(Arrays.asList(name, date, size));

    Grid<ModelData> grid = new Grid<ModelData>(store, cm);
    grid.setBorders(false);
    grid.setAutoExpandColumn("name");
    grid.setTrackMouseOver(false);

    ContentPanel cp = new ContentPanel();
    cp.setHeading("Grid");
    cp.setSize(400300);
    cp.setLayout(new FitLayout());
    cp.add(grid);

    new GridDragSource(grid);
    new GridDropTarget(grid);

    add(cp);
  }

  private void createTreeGrid() {
    TreeStore<ModelData> store = new TreeStore<ModelData>();

    ColumnConfig name = new ColumnConfig("name""Name"100);
    name.setRenderer(new TreeGridCellRenderer<ModelData>());

    ColumnConfig date = new ColumnConfig("author""Author"100);
    ColumnConfig size = new ColumnConfig("genre""Genre"100);
    ColumnModel cm = new ColumnModel(Arrays.asList(name, date, size));

    TreeGrid<ModelData> tree = new TreeGrid<ModelData>(store, cm);
    tree.setBorders(false);
    //tree.getStyle().setLeafIcon(Resources.ICONS.music());
    tree.setAutoExpandColumn("name");
    tree.setTrackMouseOver(false);

    new TreeGridDropTarget(tree);
    new TreeGridDragSource(tree);

    ContentPanel cp = new ContentPanel();
    cp.setHeading("TreeGrid");
    cp.setSize(400300);
    cp.setLayout(new FitLayout());
    cp.add(tree);

    add(cp);
  }
  public static Folder getTreeModel() {
    Folder[] folders = new Folder[] {
        new Folder("Beethoven",
            new Folder[] {

                new Folder("Quartets",
                    new Music[] {
                        new Music("Six String Quartets""Beethoven""Quartets"),
                        new Music("Three String Quartets""Beethoven""Quartets"),
                        new Music("Grosse Fugue for String Quartets""Beethoven",
                            "Quartets"),}),
                new Folder("Sonatas"new Music[] {
                    new Music("Sonata in A Minor""Beethoven""Sonatas"),
                    new Music("Sonata in F Major""Beethoven""Sonatas"),}),

                new Folder("Concertos"new Music[] {
                    new Music("No. 1 - C""Beethoven""Concertos"),
                    new Music("No. 2 - B-Flat Major""Beethoven""Concertos"),
                    new Music("No. 3 - C Minor""Beethoven""Concertos"),
                    new Music("No. 4 - G Major""Beethoven""Concertos"),
                    new Music("No. 5 - E-Flat Major""Beethoven""Concertos"),}),

                new Folder("Symphonies"new Music[] {
                    new Music("No. 1 - C Major""Beethoven""Symphonies"),
                    new Music("No. 2 - D Major""Beethoven""Symphonies"),
                    new Music("No. 3 - E-Flat Major""Beethoven""Symphonies"),
                    new Music("No. 4 - B-Flat Major""Beethoven""Symphonies"),
                    new Music("No. 5 - C Minor""Beethoven""Symphonies"),
                    new Music("No. 6 - F Major""Beethoven""Symphonies"),
                    new Music("No. 7 - A Major""Beethoven""Symphonies"),
                    new Music("No. 8 - F Major""Beethoven""Symphonies"),
                    new Music("No. 9 - D Minor""Beethoven""Symphonies"),}),}),
        new Folder("Brahms",
            new Folder[] {
                new Folder("Concertos"new Music[] {
                    new Music("Violin Concerto""Brahms""Concertos"),
                    new Music("Double Concerto - A Minor""Brahms""Concertos"),
                    new Music("Piano Concerto No. 1 - D Minor""Brahms""Concertos"),
                    new Music("Piano Concerto No. 2 - B-Flat Major""Brahms",
                        "Concertos"),}),
                new Folder("Quartets",
                    new Music[] {
                        new Music("Piano Quartet No. 1 - G Minor""Brahms""Quartets"),
                        new Music("Piano Quartet No. 2 - A Major""Brahms""Quartets"),
                        new Music("Piano Quartet No. 3 - C Minor""Brahms""Quartets"),
                        new Music("String Quartet No. 3 - B-Flat Minor""Brahms",
                            "Quartets"),}),
                new Folder("Sonatas"new Music[] {
                    new Music("Two Sonatas for Clarinet - F Minor""Brahms""Sonatas"),
                    new Music("Two Sonatas for Clarinet - E-Flat Major""Brahms",
                        "Sonatas"),}),
                new Folder("Symphonies"new Music[] {
                    new Music("No. 1 - C Minor""Brahms""Symphonies"),
                    new Music("No. 2 - D Minor""Brahms""Symphonies"),
                    new Music("No. 3 - F Major""Brahms""Symphonies"),
                    new Music("No. 4 - E Minor""Brahms""Symphonies"),}),}),
        new Folder("Mozart"new Folder[] {new Folder("Concertos"new Music[] {
            new Music("Piano Concerto No. 12""Mozart""Concertos"),
            new Music("Piano Concerto No. 17""Mozart""Concertos"),
            new Music("Clarinet Concerto""Mozart""Concertos"),
            new Music("Violin Concerto No. 5""Mozart""Concertos"),
            new Music("Violin Concerto No. 4""Mozart""Concertos"),}),}),};

    Folder root = new Folder("root");
    for (int i = 0; i < folders.length; i++) {
      root.add((Folderfolders[i]);
    }

    return root;
  }

  private void createTree() {
    Folder model = getTreeModel();

    TreeStore<ModelData> store = new TreeStore<ModelData>();
    store.add(model.getChildren()true);

    final TreePanel<ModelData> tree = new TreePanel<ModelData>(store);
    tree.setDisplayProperty("name");
    //tree.getStyle().setLeafIcon(Resources.ICONS.music());

    ContentPanel cp = new ContentPanel();
    cp.setHeading("TreePanel");
    cp.setSize(400200);
    cp.add(tree);
    cp.setLayout(new FitLayout());

    new TreePanelDragSource(tree);
    new TreePanelDropTarget(tree);

    add(cp);
  }

  private void createList() {
    ListView<ModelData> view = new ListView<ModelData>();
    view.setBorders(false);
    view.setStore(new ListStore<ModelData>());
    view.setSimpleTemplate("{name}");
    view.setDisplayProperty("name");

    ContentPanel cp = new ContentPanel();
    cp.setHeading("ListView");
    cp.setSize(400200);
    cp.add(view);
    cp.setLayout(new FitLayout());

    new ListViewDragSource(view);
    new ListViewDropTarget(view);

    add(cp);
  }

}
class Music extends BaseTreeModel {

  public Music() {

  }

  public Music(String name) {
    set("name", name);
  }

  public Music(String name, String author, String genre) {
    set("name", name);
    set("author", author);
    set("genre", genre);
  }

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

  public String getAuthor() {
    return (Stringget("author");
  }

  public String getGenre() {
    return (Stringget("genre");
  }

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

class Folder extends BaseTreeModel implements Serializable {

  private static int ID = 0;
  
  public Folder() {
    set("id", ID++);
  }

  public Folder(String name) {
    set("id", ID++);
    set("name", name);
  }

  public Folder(String name, BaseTreeModel[] children) {
    this(name);
    for (int i = 0; i < children.length; i++) {
      add(children[i]);
    }
  }

  public Integer getId() {
    return (Integerget("id");
  }

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

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

}

   
  
Ext-GWT.zip( 4,297 k)
Related examples in the same category
1.Drag and drop between table (Smart GWT)Drag and drop between table (Smart GWT)
2.Drag and copy between tables (Smart GWT)Drag and copy between tables (Smart GWT)
3.Drag and move between tables (Smart GWT)Drag and move between tables (Smart GWT)
4.Drop and drop to a sorted ListView (Ext GWT)Drop and drop to a sorted ListView (Ext GWT)
5.Drop and drop to insert to a ListView (Ext GWT)Drop and drop to insert to a ListView (Ext GWT)
6.Drag and drop between TreeGrid (Ext GWT)Drag and drop between TreeGrid (Ext GWT)
7.Drag and drop between grids (Ext GWT)Drag and drop between grids (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.