library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2025-01-07 20:34:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Droppable: Hook directly into drag events.

Browse Source
This commit is contained in:
Scott González 2012-01-08 21:53:47 -05:00
parent e41a10b559
commit c50c5c01ee
1 changed files with 34 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
ui/jquery.ui.droppable.js vendored
View File

@ -15,6 +15,20 @@
*/
(function( $, undefined ) {
var droppables = {};
(function() {
var orig = $.ui.draggable.prototype._trigger;
$.ui.draggable.prototype._trigger = function( type, event, ui ) {
var droppable,
method = "_draggable" + type.substr( 0, 1 ).toUpperCase() + type.substr( 1 );
for ( droppable in droppables ) {
droppables[ droppable ][ method ].call( droppables[ droppable ], event, ui );
}
orig.apply( this, arguments );
};
})();
$.widget( "ui.droppable", {
version: "@VERSION",
widgetEventPrefix: "drop",
@ -30,15 +44,8 @@ $.widget( "ui.droppable", {
_create: function() {
this.refreshPosition();
// TODO: make this much more efficient
// possibly just override draggable's methods
$( "*" ).live( "drag", $.proxy( this._drag, this ) );
$( "*" ).live( "dragstart", $.proxy( this._dragStart, this ) );
this._bind( this.document, {
mouseup: "_mouseUp"
});
this.guid = $.guid++;
droppables[ this.guid ] = this;
},
// TODO: rename to refresh()?
@ -54,7 +61,19 @@ $.widget( "ui.droppable", {
};
},
_drag: function( event, ui ) {
_draggableStart: function( event, ui ) {
var draggable = $( event.target );
// TODO: Possibly move into draggable hash
// so if there are multiple droppables, it's not recalculating all the time
// TODO: Should this use the helper if it exists?
this.draggableProportions = {
width: draggable[0].offsetWidth,
height: draggable[0].offsetHeight
};
},
_draggableDrag: function( event, ui ) {
var edges = {
right: this.offset.left + this.proportions.width,
bottom: this.offset.top + this.proportions.height,
@ -75,19 +94,7 @@ $.widget( "ui.droppable", {
}
},
_dragStart: function( event, ui ) {
var draggable = $( event.target );
// TODO: Possibly move into draggable hash
// so if there are multiple droppables, it's not recalculating all the time
this.draggableProportions = {
width: draggable[0].offsetWidth,
height: draggable[0].offsetHeight
};
},
// TODO: shouldn't this be dragStop?
_mouseUp: function( event ) {
_draggableStop: function( event, ui ) {
if ( this.over ) {
this._trigger( "drop", event, this._uiHash() );
}
@ -98,6 +105,10 @@ $.widget( "ui.droppable", {
// TODO: fill me out
_uiHash: function() {
return {};
},
_destroy: function() {
delete droppables[ this.guid ];
}
});