Package com.extjs.gxt.ui.client.fx

Examples of com.extjs.gxt.ui.client.fx.Draggable

DragCancel : DragEvent(draggable, component, event)
Fires after a drag has been cancelled.
DragEnd : DragEvent(draggable, component, event)
Fires after a drag has ended.
32
33
34
35
36
37
38
39
40
41
42
43
44
      cp.addText(TestData.DUMMY_TEXT_SHORT);

      cp.setSize(200, 125);
      cp.setPosition(10, 10  + (i == 1 ? 20 : 0));

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

      add(cp);
View Full Code Here
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
    cp.setBodyStyleName("pad-text");
    cp.setHeading("Proxy Drag");
    cp.addText(TestData.DUMMY_TEXT_SHORT);
    cp.setWidth(200);

    Draggable d = new Draggable(cp);

    vp.add(cp);

    cp = new ContentPanel();
    cp.setCollapsible(true);
    cp.setBodyStyleName("pad-text");
    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.setBodyStyleName("pad-text");
    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);
  }
View Full Code Here
653
654
655
656
657
658
659
660
661
662
663
    }
  }

  public void setEnableColumnReorder(boolean enable) {
    if (enable && reorderer == null) {
      reorderer = new Draggable(this);
      reorderer.setUseProxy(true);
      reorderer.setSizeProxyToSource(false);
      reorderer.setMoveAfterProxyDrag(false);
      reorderer.setProxy(StatusProxy.get().el());
      reorderer.addDragListener(new DragListener() {
View Full Code Here
172
173
174
175
176
177
178
179
180
181
182
      el().setVisibility(false);
      el().setStyleAttribute("backgroundColor", "white");
      el().setStyleAttribute("opacity", "0");

      d = new Draggable(this);
      d.setUseProxy(false);
      d.setConstrainVertical(true);
      d.setStartDragDistance(0);
      d.addDragListener(listener);
    }
View Full Code Here
108
109
110
111
112
113
114
115
116
117
118
        onDraggableDragStart(de);
      }

    };

    draggable = new Draggable(component);
    draggable.setUseProxy(true);
    draggable.setSizeProxyToSource(false);
    draggable.setMoveAfterProxyDrag(false);
    draggable.addDragListener(listener);
    draggable.setProxy(statusProxy.el());
View Full Code Here
72
73
74
75
76
77
78
79
80
  public void setPinned(boolean pinned) {
    this.pinned = pinned;
    String c = pinned ? "default" : "move";
    getHeader().setStyleAttribute("cursor", c);
    if (getData("gxt.draggable") != null) {
      Draggable d = (Draggable) getData("gxt.draggable");
      d.setEnabled(!pinned);
    }
  }
View Full Code Here
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
   * @param portlet the portlet to add
   * @param index the insert index
   * @param column the column to insert into
   */
  public void insert(Portlet portlet, int index, int column) {
    Draggable d = portlet.getData("gxt.draggable");
    if (d == null) {
      d = new Draggable(portlet, portlet.getHeader());
      portlet.setData("gxt.draggable", d);
    }
    d.setUseProxy(true);
    d.removeDragListener(listener);
    d.addDragListener(listener);
    d.setMoveAfterProxyDrag(false);
    d.setSizeProxyToSource(true);
    d.setEnabled(!portlet.isPinned());
    getItem(column).insert(portlet, index, new RowData(1, -1));
    getItem(column).layout();
  }
View Full Code Here
227
228
229
230
231
232
233
234
235
236
237
238
239
   *
   * @param portlet the porlet to remove
   * @param column the column
   */
  public void remove(Portlet portlet, int column) {
    Draggable d = portlet.getData("gxt.draggable");
    if (d != null) {
      d.release();
    }
    portlet.setData("gxt.draggable", null);

    getItem(column).remove(portlet);
  }
View Full Code Here
334
335
336
337
338
339
340
341
342
343
344
    if (getAriaSupport().getLabelledBy() != null) {
      targetEl.dom.setAttribute("aria-labelledby", getAriaSupport().getLabelledBy());
    }

    if (isDraggable()) {
      drag = new Draggable(thumb);
      drag.setConstrainVertical(!vertical);
      drag.setConstrainHorizontal(vertical);
      drag.setMoveAfterProxyDrag(false);
      drag.setProxy(new El(DOM.createDiv()));
      drag.setStartDragDistance(0);
View Full Code Here
108
109
110
111
112
113
114
115
116
117
118
        onDraggableDragStart(de);
      }

    };

    draggable = new Draggable(component);
    draggable.setUseProxy(true);
    draggable.setSizeProxyToSource(false);
    draggable.setMoveAfterProxyDrag(false);
    draggable.addDragListener(listener);
    draggable.setProxy(statusProxy.el());
View Full Code Here
TOP

Related Classes of com.extjs.gxt.ui.client.fx.Draggable

  • com.extjs.gxt.samples.client.examples.misc.DraggableExample
  • com.extjs.gxt.samples.client.examples.misc.ResizableExample
  • com.extjs.gxt.ui.client.core.El
  • com.extjs.gxt.ui.client.dnd.DragSource
  • com.extjs.gxt.ui.client.event.DragEvent
  • com.extjs.gxt.ui.client.util.BaseEventPreview
  • com.extjs.gxt.ui.client.util.Rectangle
  • com.extjs.gxt.ui.client.widget.custom.Portal
  • com.extjs.gxt.ui.client.widget.custom.Portlet
  • com.extjs.gxt.ui.client.widget.grid.ColumnHeader
    • Copyright © 2018 www.massapicom. All rights reserved.
    All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.