Giter Club home page Giter Club logo

gwt-dnd's Introduction

status: inactive

This project is no longer actively developed or maintained.

Summary

Library providing easy to use mouse or touch (for mobile devices) based drag-and-drop capabilities to Google Web Toolkit (GWT) projects.

Questions?

If you have questions, please post them on http://groups.google.com/group/gwt-dnd and I (or someone else) will try to answer them as best as possible. Using the forum means that others can benefit from any answers and feedback you get. It is always the fastest way to get an answer to a new question.

Is your project using drag and drop?

I'd like to know if you're using gwt-dnd on your project, and how useful (or not) this library is to you. You can send me an email at [email protected].

Getting started with your own drag-and-drop projects

Read the wiki here: https://github.com/fredsa/gwt-dnd/wiki/GettingStarted

Working examples

Try the working demo:

Features

  • Drag-and-Drop - classic drag/drop operations for your existing widgets and panels
  • Drag-and-Move - allows user to rearrange widgets within a Panel
  • Non-invasive - No need to extend or implement special library classes or interfaces; just use your existing widgets and panels
    • Any Widget that implements SourcesMouseEvents is draggable. For today's version of GWT that means FocusPanel, HTML, Image and Label are immediately draggable. Listening for mouse events on other widgets is relatively straight forward.
    • Any Panel can become a drop target. If you need absolute positioning on the drop target, use AbsolutePanel.
  • Quirks mode and Strict mode fully support
  • Inline and Block elements are supported for dragging and as drop targets
  • AbsolutePanel, IndexedPanel, FlowPanel and FlexTable drop targets
  • Drag Handles - grab hold of small part of a larger widget
  • Drag Proxies - Leave the original widget in place while you drag a proxy widget around
  • Veto Capability - Prevent certain operations from happening, causing the draggable to snap back to its original location
  • EventListener for drag-and-drop events via DragHandler interface
  • Many examples with source code

OOTB (Out of the Box) provided drag-and-drop or drag-and-move behaviors

DropController Description Example Use
AbsolutePositionDropController Drag-and-Move widgets around an AbsolutePanel. Moving drawing elements around on a flow chart.
AbstractDropController Create your own controllers from this base class. Anything you can dream up.
BoundaryDropController All drag operations are ultimately constrained by a panel you specify. By default this panel is RootPanel.get() which means you can drag widgets over the entire page. For use as part of the gwt-dnd implementation.
FlexTableRowDropController Rearrange rows in a FlexTable. Users rearrange results of a query.
FlowPanelDropController Drop controller for instances of FlowPanel. Moving elements around in flowed text.
HorizontalPanelDropController Drop controller for instances of HorizontalPanel. Moving widgets in a horizontal list.
GridConstrainedDropController Similar to AbsolutePositionDropController, but constrains the position of the draggable widgets to a specified grid. Allows for 'snap to grid' functionality.
SimpleDropController For simple drop targets which allows a widget to be dropped on them. A trash can icon.
VerticalPanelDropController Drop controller for instances of VerticalPanel. Moving widgets in a vertical list.

Feedback

Please let me know what you think. Suggestions are always welcome.

Other GWT projects by the same author

Project Description
gwt-voices Provides sound support for your GWT applications.
gwt-log Provides logging support for your GWT applications.

gwt-dnd's People

Contributors

dankurka avatar fredsa avatar gilberto-torrezan avatar misseven0 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.