this.dropZone.onNodeOut = this.onNodeOut.createDelegate(this);            this.dropZone.onNodeDrop = this.onNodeDrop.createDelegate(this);        }    },	// private    getDropPoint : function(e, n, dd){        if (n == this.el.dom) { return "above"; }        var t = Ext.lib.Dom.getY(n), b = t + n.offsetHeight;        var c = t + (b - t) / 2;        var y = Ext.lib.Event.getPageY(e);        if(y <= c) {            return "above";        }else{            return "below";        }    },    // private    isValidDropPoint: function(pt, n, data) {        if (!data.viewNodes || (data.viewNodes.length != 1)) {            return true;        }        var d = data.viewNodes[0];        if (d == n) {            return false;        }        if ((pt == "below") && (n.nextSibling == d)) {            return false;        }        if ((pt == "above") && (n.previousSibling == d)) {            return false;        }        return true;    },    // private    onNodeEnter : function(n, dd, e, data){        if (this.highlightColor && (data.sourceView != this)) {            this.el.highlight(this.highlightColor);        }        return false;    },    // private    onNodeOver : function(n, dd, e, data){        var dragElClass = this.dropNotAllowed;        var pt = this.getDropPoint(e, n, dd);        if (this.isValidDropPoint(pt, n, data)) {            if (this.appendOnly || this.sortField) {                return "x-tree-drop-ok-below";            }            // set the insert point style on the target node            if (pt) {                var targetElClass;                if (pt == "above"){                    dragElClass = n.previousSibling ? "x-tree-drop-ok-between" : "x-tree-drop-ok-above";                    targetElClass = "x-view-drag-insert-above";                } else {                    dragElClass = n.nextSibling ? "x-tree-drop-ok-between" : "x-tree-drop-ok-below";                    targetElClass = "x-view-drag-insert-below";                }                if (this.lastInsertClass != targetElClass){                    Ext.fly(n).replaceClass(this.lastInsertClass, targetElClass);                    this.lastInsertClass = targetElClass;                }            }        }        return dragElClass;    },    // private    onNodeOut : function(n, dd, e, data){        this.removeDropIndicators(n);    },    // private    onNodeDrop : function(n, dd, e, data){        if (this.fireEvent("drop", this, n, dd, e, data) === false) {            return false;        }        var pt = this.getDropPoint(e, n, dd);        var insertAt = (this.appendOnly || (n == this.el.dom)) ? this.store.getCount() : n.viewIndex;        if (pt == "below") {            insertAt++;        }        // Validate if dragging within a DDView        if (data.sourceView == this) {            // If the first element to be inserted below is the target node, remove it            if (pt == "below") {                if (data.viewNodes[0] == n) {                    data.viewNodes.shift();                }            } else {  // If the last element to be inserted above is the target node, remove it                if (data.viewNodes[data.viewNodes.length - 1] == n) {                    data.viewNodes.pop();                }            }            // Nothing to drop...            if (!data.viewNodes.length) {                return false;            }            // If we are moving DOWN, then because a store.remove() takes place first,            // the insertAt must be decremented.            if (insertAt > this.store.indexOf(data.records[0])) {                insertAt--;            }        }        // Dragging from a Tree. Use the Tree's recordFromNode function.        if (data.node instanceof Ext.tree.TreeNode) {            var r = data.node.getOwnerTree().recordFromNode(data.node);            if (r) {                data.records = [ r ];            }        }        if (!data.records) {            alert("Programming problem. Drag data contained no Records");            return false;        }        for (var i = 0; i < data.records.length; i++) {            var r = data.records[i];            var dup = this.store.getById(r.id);            if (dup && (dd != this.dragZone)) {                if(!this.allowDup && !this.allowTrash){                    Ext.fly(this.getNode(this.store.indexOf(dup))).frame("red", 1);                    return true                }                var x=new Ext.data.Record();                r.id=x.id;                delete x;            }            if (data.copy) {                this.store.insert(insertAt++, r.copy());            } else {                if (data.sourceView) {                    data.sourceView.isDirtyFlag = true;                    data.sourceView.store.remove(r);                }                if(!this.allowTrash)this.store.insert(insertAt++, r);            }            if(this.sortField){                this.store.sort(this.sortField, this.sortDir);            }            this.isDirtyFlag = true;        }        this.dragZone.cachedTarget = null;        return true;    },    // private    onEndDrag: function(data, e) {        var d = Ext.get(this.dragData.ddel);        if (d && d.hasClass("multi-proxy")) {            d.remove();            //delete this.dragData.ddel;        }    },    // private    removeDropIndicators : function(n){        if(n){            Ext.fly(n).removeClass([                "x-view-drag-insert-above",                "x-view-drag-insert-left",                "x-view-drag-insert-right",                "x-view-drag-insert-below"]);            this.lastInsertClass = "_noclass";        }    },	/**	 * Add a delete option to the DDView's context menu.	 * @param {String} imageUrl The URL of the "delete" icon image.	 */    setDeletable: function(imageUrl) {        if (!this.singleSelect && !this.multiSelect) {            this.singleSelect = true;        }        var c = this.getContextMenu();        this.contextMenu.on("itemclick", function(item) {            switch (item.id) {                case "delete":                    this.remove(this.getSelectedIndexes());                    break;            }        }, this);        this.contextMenu.add({            icon: imageUrl || AU.resolveUrl("/images/delete.gif"),            id: "delete",            text: AU.getMessage("deleteItem")        });    },	/**	 * Return the context menu for this DDView.     * @return {Ext.menu.Menu} The context menu	 */    getContextMenu: function() {        if (!this.contextMenu) {            // Create the View's context menu            this.contextMenu = new Ext.menu.Menu({                id: this.id + "-contextmenu"            });            this.el.on("contextmenu", this.showContextMenu, this);        }        return this.contextMenu;    },    /**     * Disables the view's context menu.     */    disableContextMenu: function() {        if (this.contextMenu) {            this.el.un("contextmenu", this.showContextMenu, this);        }    },    // private    showContextMenu: function(e, item) {        item = this.findItemFromChild(e.getTarget());        if (item) {            e.stopEvent();            this.select(this.getNode(item), this.multiSelect && e.ctrlKey, true);            this.contextMenu.showAt(e.getXY());        }    },	/**	 * Remove {@link Ext.data.Record}s at the specified indices.	 * @param {Array/Number} selectedIndices The index (or Array of indices) of Records to remove.	 */    remove: function(selectedIndices) {        selectedIndices = [].concat(selectedIndices);        for (var i = 0; i < selectedIndices.length; i++) {            var rec = this.store.getAt(selectedIndices[i]);            this.store.remove(rec);        }    },	/**	 * Double click fires the {@link #dblclick} event. Additionally, if this DDView is draggable, and there is only one other	 * related DropZone that is in another DDView, it drops the selected node on that DDView.	 */    onDblClick : function(e){        var item = this.findItemFromChild(e.getTarget());        if(item){            if (this.fireEvent("dblclick", this, this.indexOf(item), item, e) === false) {                return false;            }            if (this.dragGroup) {                var targets = Ext.dd.DragDropMgr.getRelated(this.dragZone, true);                // Remove instances of this View's DropZone                while (targets.indexOf(this.dropZone) !== -1) {                    targets.remove(this.dropZone);                }                // If there's only one other DropZone, and it is owned by a DDView, then drop it in                if ((targets.length == 1) && (targets[0].owningView)) {                    this.dragZone.cachedTarget = null;                    var el = Ext.get(targets[0].getEl());                    var box = el.getBox(true);                    targets[0].onNodeDrop(el.dom, {                        target: el.dom,                        xy: [box.x, box.y + box.height - 1]                    }, null, this.getDragData(e));                }            }        }    },    // private    onItemClick : function(item, index, e){        // The DragZone's mousedown->getDragData already handled selection        if (this.ignoreNextClick) {            delete this.ignoreNextClick;            return;        }        if(this.fireEvent("beforeclick", this, index, item, e) === false){            return false;        }        if(this.multiSelect || this.singleSelect){            if(this.multiSelect && e.shiftKey && this.lastSelection){                this.select(this.getNodes(this.indexOf(this.lastSelection), index), false);            } else if (this.isSelected(item) && e.ctrlKey) {                this.deselect(item);            }else{                this.deselect(item);                this.select(item, this.multiSelect && e.ctrlKey);                this.lastSelection = item;            }            e.preventDefault();        }        return true;    }});