Set Draggable for the header (Ext GWT) : Drag Drop « GWT « Java






Set Draggable for the header (Ext GWT)

Set Draggable for the header (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.Style.Scroll;
import com.extjs.gxt.ui.client.Style.VerticalAlignment;
import com.extjs.gxt.ui.client.fx.Draggable;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.HorizontalPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
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 DraggableExample());
  }
}
class DraggableExample extends LayoutContainer {

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

    HorizontalPanel vp = new HorizontalPanel();
    vp.setVerticalAlign(VerticalAlignment.TOP);
    vp.setSpacing(10);

    ContentPanel cp = new ContentPanel();
    cp.setCollapsible(true);
    //cp.setIcon(Resources.ICONS.text());
    cp.setBodyStyleName("pad-text");
    cp.setHeading("Proxy Drag");
    cp.addText("DUMMY_TEXT_SHORT");
    cp.setWidth(200);

    Draggable d = new Draggable(cp);

    vp.add(cp);

    cp = new ContentPanel();
    cp.setCollapsible(true);
    cp.setBodyStyle("padding: 4 8px;fontSize: 12px");
    cp.setHeading("Direct Drag");
    //cp.setIcon(Resources.ICONS.text());
    cp.addText("Drags can only be started from the header.");
    cp.setWidth(200);
    vp.add(cp);

    d = new Draggable(cp, cp.getHeader());
    d.setContainer(this);
    d.setUseProxy(false);

    cp = new ContentPanel();
    cp.setBodyStyle("padding: 4 8px;fontSize: 12px");
    cp.setHeading("Constrain");
    //cp.setIcon(Resources.ICONS.text());
    cp.addText("Can only be dragged vertically.");
    cp.setWidth(200);
    vp.add(cp);

    d = new Draggable(cp, cp.getHeader());
    d.setContainer(this);
    d.setConstrainHorizontal(true);

    add(vp);
    setScrollMode(Scroll.AUTO);
  }

}

   
  








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 draggable (Ext GWT)Make ContentPanel draggable (Ext GWT)
14.Make ContentPanel Resizable (Ext GWT)Make ContentPanel Resizable (Ext GWT)
15.Set container for dragging operation (Ext GWT)Set container for dragging operation (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)