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

Home Package Class Method

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

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

com.extjs.gxt.ui.client.fx.Draggable
Adds drag behavior to any widget. Drag operations can be initiated from the widget itself, or another widget, such as the header in a dialog.
It is possible to specify event targets that will be ignored. If the target element has a 'x-nodrag' style it will not trigger a drag operation.
Events:
DragStart : DragEvent(draggable, component, event)

Fires after a drag has started.
- draggable : this
- component : drag component
- event : the dom event
DragMove : DragEvent(draggable, component, event)

Fires after the mouse moves.

draggable : this

component : drag component

event : the dom event

DragCancel : DragEvent(draggable, component, event)

Fires after a drag has been cancelled.

draggable : this
component : drag component
event : the dom event

DragEnd : DragEvent(draggable, component, event)

Fires after a drag has ended.

draggable : this
component : drag widget
event : the dom event


      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

    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

    resizeWidget.addListener(Events.Attach, listener);
    resizeWidget.addListener(Events.Detach, listener);
    resizeWidget.addListener(Events.Resize, listener);
    resizeWidget.addListener(Events.Move, listener);


    draggable = new Draggable(this);
    draggable.setUpdateZIndex(false);
    draggable.setStartDragDistance(0);
    draggable.setProxyStyle("x-splitbar-proxy");


    Listener<DragEvent> dragListener = new Listener<DragEvent>() {

View Full Code Here

        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

   * 
   * @return the draggable instance
   */
  public Draggable getDraggable() {
    if (dragger == null && draggable) {
      dragger = new Draggable(this, head);
      dragger.setConstrainClient(getConstrain());
      dragger.setSizeProxyToSource(false);
      dragger.addDragListener(new DragListener() {
        @Override
        public void dragEnd(DragEvent de) {

View Full Code Here

    ghost = ghost();
    if (eventPreview != null && ghost != null) {
      eventPreview.getIgnoreList().add(ghost.dom);
    }
    showWindow(false);
    Draggable d = de.getDraggable();
    d.setProxy(ghost);
  }

View Full Code Here

  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

   * @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

    }
  }


  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

   * 
   * @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

0 1 2 3 4 5 6 7 8 9

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

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.