github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-01-30 21:28:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

sortable: implemented advanced placeholder functionality - the placeholder option can now accept a object with two callbacks "element" and "update", where element has to return a valid element (like helper option) and update is called after every update, so recalculating the offset and width/height should happen there.

Browse Source
This commit is contained in:
Paul Bakaus
2008-05-29 11:51:44 +00:00
parent 5917978bfd
commit dea9af8b4e
1 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
ui/source/ui.sortable.js
View File

@@ -214,13 +214,23 @@
this.items[i].item.removeData("sortable-item");
},
createPlaceholder: function(that) {
(that || this).placeholderElement = this.options.placeholderElement ? $(this.options.placeholderElement, (that || this).currentItem) : (that || this).currentItem;
(that || this).placeholder = $('<div></div>')
.addClass(this.options.placeholder)
.appendTo('body')
.css({ position: 'absolute' })
.css((that || this).placeholderElement.offset())
.css({ width: (that || this).placeholderElement.outerWidth(), height: (that || this).placeholderElement.outerHeight() });
var self = that || this, o = self.options;
if(o.placeholder.constructor == String) {
var className = o.placeholder;
o.placeholder = {
element: function() {
return $('<div></div>').addClass(className)[0];
},
update: function(i, p) {
p.css(i.offset()).css({ width: i.outerWidth(), height: i.outerHeight() });
}
};
}
self.placeholder = $(o.placeholder.element.call(self.element, self.currentItem)).appendTo('body').css({ position: 'absolute' });
o.placeholder.update.call(self.element, self.currentItem, self.placeholder);
},
contactContainers: function(e) {
for (var i = this.containers.length - 1; i >= 0; i--){
@@ -249,7 +259,7 @@
if(this.containers[i].options.placeholder) {
this.containers[i].createPlaceholder(this);
} else {
this.placeholder = null; this.placeholderElement = null;
this.placeholder = null;;
}
@@ -547,8 +557,7 @@
rearrange: function(e, i, a) {
a ? a.append(this.currentItem) : i.item[this.direction == 'down' ? 'before' : 'after'](this.currentItem);
this.refreshPositions(true); //Precompute after each DOM insertion, NOT on mousemove
if(this.placeholderElement) this.placeholder.css(this.placeholderElement.offset());
if(this.placeholderElement && this.placeholderElement.is(":visible")) this.placeholder.css({ width: this.placeholderElement.outerWidth(), height: this.placeholderElement.outerHeight() });
this.options.placeholder.update.call(this.element, this.currentItem, this.placeholder);
}
}));