ygddmy.js

YahooUI,搞WEB开发的朋友值得看一看

/* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */

/**
 * @class a ygDDFramed implementation where the frame only moves vertically, and
 * the DOM elements are swapped when one is dropped on another
 *
 * @extends YAHOO.util.DDProxy
 * @constructor
 * @param {String} id the id of the linked element
 * @param {String} sGroup the group of related DragDrop objects
 */
function ygDDMy(id, sGroup) {

	if (id) {
		this.init(id, sGroup);
		this.initFrame();
		this.logger = new ygLogger("ygDDMy");
	}

	// The frame should only move vertically...  this makes it so the user can
	// only move content channels up and down within a column
	this.setXConstraint(0, 0);
}

ygDDMy.prototype = new YAHOO.util.DDProxy();

ygDDMy.prototype.onDragDrop = function(e, id) {
	this.logger.debug(this.id + " onDragDrop");

    var el;

    if ("string" == typeof id) {
        el = YAHOO.util.DDM.getElement(id);
    } else {
        el = YAHOO.util.DDM.getBestMatch(id).getEl();
    }

	YAHOO.util.DDM.swapNode(this.getEl(), el);
};

ygDDMy.prototype.endDrag = function(e) {
	// we default behavior is to move the element to the end point when
	// the drag is ended.  In our case, we only want to move the element
	// when it is dropped on another dd element.  To override the default,
	// we simply need to create an empty endDrag function.
};