Examples of 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

      };
  }
  
  public ScriptOptions buildOptions(FacesContext context, UIComponent component) {
    if (component instanceof Draggable) {
      Draggable draggable = (Draggable) component;
      
      DraggableOptions options =  new DraggableOptions(draggable);


      Map eventOptions = AjaxRendererUtils.buildEventOptions(context, component);
      Map parameters = (Map) eventOptions.get("parameters");


      if (parameters == null) {
        parameters = new HashMap();
      }
      
      String clientId = component.getClientId(context);
      
      parameters.put(DRAG_SOURCE_ID, clientId);
      
      options.addOption("parameters", parameters);
      
      String indicatorId = draggable.getResolvedDragIndicator(context);
      if (indicatorId == null) {
        String simpleId = draggable.getDragIndicator();
        if (simpleId != null) {
          UIComponent indicator = RendererUtils.getInstance().findComponentFor(component, simpleId);
          if (indicator != null) {
            indicatorId = indicator.getClientId(context);
          }

        return response;
    }
    
    public AjaxResponse enableDnD(AjaxActionEvent event) {
        // Make the draggable:
        Draggable action1 = new Draggable("draggable");
        action1.addOption("revert", true);
        // Add the droppable:
        AddDroppable action2 = new AddDroppable("droppable");
        action2.addOption("onDrop", "function(draggable, droppable) { showAlertOnDrop(draggable, droppable); }");
        
        // Create a concrete ajax response:

Examples of Draggable

Examples of org.richfaces.component.Draggable

Examples of org.springmodules.xt.ajax.action.prototype.scriptaculous.Draggable