Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
rwt.widgets.util.GridDNDFeedback.js Maven / Gradle / Ivy
The Rich Ajax Platform lets you build rich, Ajax-enabled Web applications.
/*******************************************************************************
* Copyright (c) 2009, 2012 Innoopract Informationssysteme GmbH.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* which accompanies this distribution, and is available at
* http://www.eclipse.org/legal/epl-v10.html
*
* Contributors:
* Innoopract Informationssysteme GmbH - initial API and implementation
* EclipseSource - ongoing development
******************************************************************************/
rwt.qx.Class.define( "rwt.widgets.util.GridDNDFeedback", {
extend : rwt.qx.Object,
construct : function( tree ) {
this.base( arguments );
this._tree = tree;
this._feedback = null;
this._currentRow = null;
this._insertIndicator = null;
this._expandTimer = null;
this._scrollTimer = null;
},
destruct : function() {
this._renderFeedback( this._currentRow, false );
if( this._expandTimer != null ) {
this._expandTimer.dispose();
this._expandTimer = null;
}
if( this._scrollTimer != null ) {
this._scrollTimer.dispose();
this._scrollTimer = null;
}
this._tree = null;
this._feedback = null;
this._insertIndicator = null;
this._currentRow = null;
},
members : {
/////////
// Public
setFeedback : function( feedbackMap ) {
this._renderFeedback( this._currentRow, false );
this._feedback = feedbackMap;
this._renderFeedback( this._currentRow, true );
},
renderFeedback : function( target ) {
this._renderFeedback( this._currentRow, false );
this._renderFeedback( target, true );
this._currentRow = target;
},
isFeedbackNode : function( node ) {
var result = false;
if( this._insertIndicator != null && this._insertIndicator == node ) {
result = true;
}
return result;
},
////////////
// Internals
_renderFeedback : function( row, value ) {
if( this._feedback != null && row != null ) {
if( this._feedback[ "FEEDBACK_SELECT" ] ) {
this._renderFeedbackSelect( row, value );
} else if( this._feedback[ "FEEDBACK_INSERT_BEFORE" ] ) {
this._renderFeedbackBefore( row, value );
} else if( this._feedback[ "FEEDBACK_INSERT_AFTER" ] ) {
this._renderFeedbackAfter( row, value );
}
if( this._feedback[ "FEEDBACK_EXPAND" ] ) {
this._renderFeedbackExpand( row, value );
}
if( this._feedback[ "FEEDBACK_SCROLL" ] ) {
this._renderFeedbackScroll( row, value );
}
}
},
_renderFeedbackSelect : function( row, value ) {
row.setState( "dnd_selected", value );
var item = this._tree._rowContainer.findItemByRow( row );
this._tree._rowContainer.renderItem( item );
},
_renderFeedbackBefore : function( row, value ) {
if( value ) {
// draw insert-indicator above row (1px heigher)
var location = this._getRowLocation( row );
location.y--;
this._showInsertIndicator( location.x, location.y );
} else {
this._hideInsertIndicator();
}
},
_renderFeedbackAfter : function( row, value ) {
if( value ) {
// draw insert-indicator below row (1px heigher)
var location = this._getRowLocation( row );
var height = row.getHeightValue();
location.y = location.y + ( height - 1 );
this._showInsertIndicator( location.x, location.y );
} else {
this._hideInsertIndicator();
}
},
_renderFeedbackExpand : function( row, value ) {
var item = this._tree._rowContainer.findItemByRow( row );
if( item != null && item.hasChildren() ) {
if( value && !item.isExpanded() ) {
this._startExpandTimer();
} else {
this._stopExpandTimer();
}
}
},
_renderFeedbackScroll : function( row, value ) {
if( value ) {
this._startScrollTimer();
} else {
this._stopScrollTimer();
}
},
_getRowLocation : function( row ) {
var location = { x : 0, y : 0 };
var node = row.getElement();
var treeNode = this._tree._getTargetNode();
while( node != treeNode ) {
location.x += parseInt( node.style.left || 0, 10 );
location.y += parseInt( node.style.top || 0, 10 );
node = node.parentNode;
}
return location;
},
/////////
// Helper
_showInsertIndicator : function( x, y ) {
if( this._insertIndicator == null ) {
var div = document.createElement( "div" );
div.style.position = "absolute";
div.style.borderTopStyle = "solid";
div.style.borderTopColor = "black";
div.style.borderTopWidth = "2px";
div.style.zIndex = 100000;
div.style.height = "2px";
this._insertIndicator = div;
}
var width = this._tree.getWidthValue() - ( x + 6 );
this._insertIndicator.style.left = x + "px";
this._insertIndicator.style.top = y + "px";
this._insertIndicator.style.width = width + "px";
var treeNode = this._tree._getTargetNode();
treeNode.appendChild( this._insertIndicator );
},
_hideInsertIndicator : function() {
var treeNode = this._tree._getTargetNode();
treeNode.removeChild( this._insertIndicator );
},
_startExpandTimer : function() {
if( this._expandTimer == null ) {
this._expandTimer = new rwt.client.Timer( 750 );
this._expandTimer.addEventListener( "interval",
this._onExpandTimer,
this );
}
this._expandTimer.setEnabled( true );
},
_stopExpandTimer : function() {
if( this._expandTimer != null ) {
this._expandTimer.stop();
}
},
_onExpandTimer : function( event ) {
this._stopExpandTimer();
var item = this._tree._rowContainer.findItemByRow( this._currentRow );
item.setExpanded( true );
},
_startScrollTimer : function() {
if( this._scrollTimer == null ) {
this._scrollTimer = new rwt.client.Timer( 250 );
this._scrollTimer.addEventListener( "interval", this._onScrollTimer, this );
}
this._scrollTimer.setEnabled( true );
},
_stopScrollTimer : function() {
if( this._scrollTimer != null ) {
this._scrollTimer.stop();
}
},
_getScrollDirection : function( row ) {
var result = 0;
var rowIndex = this._tree._rowContainer.indexOf( row );
if( rowIndex === 0 ) {
result = -1;
} else if( rowIndex >= this._tree._rowContainer.getChildrenLength() - 2 ) {
result = 1;
}
return result;
},
_onScrollTimer : function( event ) {
this._stopScrollTimer();
var offset = this._getScrollDirection( this._currentRow );
if( offset !== 0 ) {
var item = this._tree._rowContainer.findItemByRow( this._currentRow );
var index = item.getFlatIndex();
var newItem = offset > 0 ? item.getNextItem() : item.getPreviousItem();
if( newItem != null ) {
var newTopIndex = this._tree._topItemIndex + offset;
this._tree.setTopItemIndex( newTopIndex );
var newRow = this._tree._rowContainer._findRowByItem( newItem );
var oldRow = this._currentRow;
var wrapper = function() {
this._targetUpdateCheck( oldRow, newRow );
};
rwt.client.Timer.once( wrapper, this, 1 );
}
}
},
_targetUpdateCheck : function( oldRow, newRow ) {
if( !this.isDisposed() ) {
// TODO [tb] : this is not a good way to check for scrolling, as the tree can theoretically
// scroll without changing the row order.
if( newRow != this._currentRow && oldRow == this._currentRow ) {
var dndSupport = rwt.remote.DNDSupport.getInstance();
dndSupport.setCurrentTargetWidget( newRow );
}
}
}
}
} );
