; RoadUI.DragSort = function (elements)
|
{
|
var container = elements;
|
$(container).children().off("mousedown").mousedown(function (e)
|
{
|
if (e.which != 1 || $(e.target).is("input, textarea") || window.dragsort_only) return;
|
e.preventDefault();
|
|
var x = e.pageX;
|
var y = e.pageY;
|
var _this = $(this);
|
var w = _this.width();
|
var h = _this.height();
|
var w2 = w / 2;
|
var h2 = h / 2;
|
var p = _this.offset();
|
var left = p.left;
|
var top = p.top;
|
window.dragsort_only = true;
|
|
// 添加虚线框
|
_this.before('<div id="roadui_dragsort_dasheddiv"></div>');
|
var wid = $("#roadui_dragsort_dasheddiv");
|
wid.css({ "border": "1px dashed #e8e8e8", "height": h + 2, "width": w, "padding": "4px 0 0 10px", "margin": "5px 0", "list-style": "none" });
|
|
_this.css({ "width": w, "height": h, "position": "absolute", "opacity": 0.8, "z-index": 999, "left": left, "top": top });
|
|
$(document).mousemove(function (e)
|
{
|
e.preventDefault();
|
|
// 移动选中块
|
var l = left + e.pageX - x;
|
var t = top + e.pageY - y;
|
_this.css({ "left": l, "top": t });
|
|
var ml = l + w2;
|
var mt = t + h2;
|
|
$(container).children().not(_this).not(wid).each(function (i)
|
{
|
var obj = $(this);
|
var p = obj.offset();
|
var a1 = p.left;
|
var a2 = p.left + obj.width();
|
var a3 = p.top;
|
var a4 = p.top + obj.height();
|
|
if (a1 < ml && ml < a2 && a3 < mt && mt < a4)
|
{
|
if (!obj.next("#roadui_dragsort_dasheddiv").length)
|
{
|
wid.insertAfter(this);
|
} else
|
{
|
wid.insertBefore(this);
|
}
|
return;
|
}
|
});
|
});
|
|
$(document).mouseup(function ()
|
{
|
$(document).off('mouseup').off('mousemove');
|
$(container).each(function ()
|
{
|
var obj = $(this).children();
|
var len = obj.length;
|
if (len == 1 && obj.is(_this))
|
{
|
$("<div></div>").appendTo(this).attr("class", "roadui_dragsort_block").css({ "height": 100 });
|
} else if (len == 2 && obj.is(".roadui_dragsort_block"))
|
{
|
$(this).children(".roadui_dragsort_block").remove();
|
}
|
});
|
|
var p = wid.offset();
|
_this.animate({ "left": p.left, "top": p.top }, 100, function ()
|
{
|
_this.removeAttr("style");
|
wid.replaceWith(_this);
|
window.dragsort_only = null;
|
});
|
});
|
});
|
}
|
