Make ContentPanel draggable (Ext GWT) : Drag Drop « GWT « Java






Make ContentPanel draggable (Ext GWT)

Make ContentPanel draggable (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 com.extjs.gxt.ui.client.fx.Draggable;
import com.extjs.gxt.ui.client.fx.Resizable;
import com.extjs.gxt.ui.client.widget.Component;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.google.gwt.core.client.EntryPoint;
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 ResizableExample());
  }
}
class ResizableExample extends LayoutContainer {

  @Override
  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);

    ContentPanel cp = new ContentPanel();
    cp.setHeading("8-Way Resizing");
    //cp.setIcon(Resources.ICONS.text());
    cp.setBodyStyleName("pad-text");
    cp.addText("DUMMY_TEXT_SHORT");

    cp.setSize(200, 125);
    cp.setPosition(10, 10);

    Draggable d = new Draggable(cp);
    if (getParent() instanceof Component) {
      d.setContainer((Component) getParent());
    }
    new Resizable(cp);

    setLayout(new FlowLayout());
    add(cp);
  }

}

   
  








Ext-GWT.zip( 4,297 k)

Related examples in the same category

1.Click the buttons to move the draggable box above or below the other boxes (Smart GWT)Click the buttons to move the draggable box above or below the other boxes (Smart GWT)
2.Drag and drop interaction (Smart GWT)Drag and drop interaction (Smart GWT)
3.Drag the large cubes into the boxes to create new small cubes (Smart GWT)Drag the large cubes into the boxes to create new small cubes (Smart GWT)
4.Drag effect: Translucent, Shadow, Outline (Smart GWT)
5.Drag and move back and forth (Smart GWT)Drag and move back and forth (Smart GWT)
6.Drag and drop to move image (Smart GWT)Drag and drop to move image (Smart GWT)
7.Animation during drag and drop (Smart GWT)Animation during drag and drop (Smart GWT)
8.Click and drag to pan the image inside its frame. (Smart GWT)Click and drag to pan the image inside its frame. (Smart GWT)
9.Set drag types (Smart GWT)Set drag types (Smart GWT)
10.Draggable image (Smart GWT)Draggable image (Smart GWT)
11.Set resizable edge: from any side or from bottom or right (Smart GWT)Set resizable edge: from any side or from bottom or right (Smart GWT)
12.Drag Tracker Sample (Smart GWT)Drag Tracker Sample (Smart GWT)
13.Make ContentPanel Resizable (Ext GWT)Make ContentPanel Resizable (Ext GWT)
14.Set container for dragging operation (Ext GWT)Set container for dragging operation (Ext GWT)
15.Set Draggable for the header (Ext GWT)Set Draggable for the header (Ext GWT)
16.GridStore data binding (Ext GWT)GridStore data binding (Ext GWT)
17.Basic Drag and Drop (DND) (Ext GWT)Basic Drag and Drop (DND) (Ext GWT)