We've had a good overview of the main classes within the Ext.dd
package now. So it's time to start looking at some of the interesting configuration options, properties, methods, and events that allow us to tweak the behavior of the drag-and-drop classes.
The "big four" of Ext.dd—DragSource, DragZone, DropTarget
, and DropZone
—are notable within the Ext JS framework for being important classes that don't really offer much in the way of configuration options. That's because, despite being important, they're all relatively simple to set up: designate a linked node and away you go. That said, we've already covered one option that all of these classes support—ddGroup—and there are a couple more common options available.
The dropAllowed
and dropNotAllowed
options are both strings that dictate the CSS classes to be passed to the drag source when the respective conditions are true
. For example...