All Downloads are FREE. Search and download functionalities are using the official Maven repository.
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.base.ScrollBar.js Maven / Gradle / Ivy
The Rich Ajax Platform lets you build rich, Ajax-enabled Web applications.
/*******************************************************************************
* Copyright (c) 2011, 2012 Innoopract Informationssysteme GmbH and others.
* 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.base.ScrollBar", {
extend : rwt.widgets.base.AbstractSlider,
construct : function( horizontal ) {
this.base( arguments, horizontal );
this._idealValue = 0;
this._selectionFactor = 1;
this._lastDispatchedValue = 0;
this._mergeEvents = false;
this._renderSum = 0;
this._renderSamples = 0;
this._eventTimerId = null;
this._setMinimum( 0 );
this._hasSelectionListener = false;
this._minThumbSize = this._getMinThumbSize();
this.setIncrement( 20 );
this.addEventListener( "click", this._stopEvent, this );
this.addEventListener( "dblclick", this._stopEvent, this );
this._eventTimer = null;
},
destruct : function() {
if( this._eventTimer != null ) {
this._eventTimer.dispose();
this._eventTimer = null;
}
},
statics : {
MERGE_THRESHOLD : 4
},
events: {
"changeValue" : "rwt.event.Event"
},
members : {
_configureAppearance : function() {
this.setAppearance( "scrollbar" );
this._thumb.setAppearance( "scrollbar-thumb" );
this._minButton.setAppearance( "scrollbar-min-button" );
this._maxButton.setAppearance( "scrollbar-max-button" );
},
//////
// API
setValue : function( value ) {
this._idealValue = value;
this._setSelection( value * this._selectionFactor );
},
getValue : function( value ) {
return Math.round( this._selection / this._selectionFactor );
},
setMaximum : function( value ) {
this._setMaximum( value );
if( this._idealValue !== null ) {
this._setSelection( this._idealValue );
}
this._updateThumbLength();
},
getMaximum : function() {
return this._maximum;
},
setIncrement : function( value ) {
this._setIncrement( value );
this._updatePageIncrement();
},
setHasSelectionListener : function( value ) {
this._hasSelectionListener = value;
},
getHasSelectionListener : function() {
return this._hasSelectionListener;
},
setMergeEvents : function( value ) {
if( !value && this._mergeEvents ) {
throw new Error( "mergeEvents can not be set to false" );
} else if( value ) {
this._mergeEvents = true;
this._eventTimer = new rwt.client.Timer( 125 );
this._eventTimer.addEventListener( "interval", this._dispatchValueChanged, this );
}
},
getMergeEvents : function() {
return this._mergeEvents;
},
autoEnableMerge : function( renderTime ) {
// TODO [tb] : also automatically disable again
if( !this._mergeEvents && renderTime > 0 ) {
this._renderSamples++;
this._renderSum += renderTime;
var avg = this._renderSum / this._renderSamples;
var result = false;
if( this._renderSamples > 2 ) {
result = avg > 600;
} else {
result = renderTime > 1500;
}
if( result ) {
this.setMergeEvents( true );
}
}
},
isHorizontal : function() {
return this._horizontal;
},
//////////////
// Overwritten
_onChangeSize : function() {
this.base( arguments );
this._updateThumbLength();
this._updatePageIncrement();
if( this._idealValue !== null ) {
this._setSelection( this._idealValue );
}
},
_updateThumbSize : function() {
this.base( arguments );
var size = this._getThumbSize();
if( size < this._minThumbSize ) {
this.addToQueue( "minThumbSize" );
} else {
this._selectionFactor = 1;
}
if( this._horizontal ) {
var iconWidth = this._thumb.getCellWidth( 1 );
var iconVisible = size >= ( iconWidth + 6 );
this._thumb.setCellVisible( 1, iconVisible );
} else {
var iconHeight = this._thumb.getCellHeight( 1 );
var iconVisible = size >= ( iconHeight + 6 );
this._thumb.setCellVisible( 1, iconVisible );
}
},
_layoutPost : function( changes ) {
this.base( arguments, changes );
if( changes[ "minThumbSize" ] ) {
if( this._maximum > 0 && this._getLineSize() > 0 ) {
var size = this._getThumbSize();
if( size < this._minThumbSize ) {
var idealLength = this._getSliderSize();
var newLength = this._minThumbSize * this._maximum / this._getLineSize();
this._setThumb( newLength );
if( this._maximum === idealLength ) {
this._selectionFactor = 1;
} else {
this._selectionFactor = ( this._maximum - newLength ) / ( this._maximum - idealLength );
}
}
}
}
},
_setSelection : function( value ) {
if( value !== this._idealValue ) {
this._idealValue = null;
}
this.base( arguments, value );
},
_selectionChanged : function() {
this.base( arguments );
if( this._getMergeCurrentEvent() ) {
// TODO [tb] : firing an event here could enable a widget to show at least some feedback
this._eventTimer.stop();
this._eventTimer.start();
} else {
this._dispatchValueChanged();
}
},
////////////
// Internals
_getMinThumbSize : function() {
var themeValues = new rwt.theme.ThemeValues( this.__states );
return themeValues.getCssDimension( "ScrollBar-Thumb", "min-height" );
},
_updateThumbLength : function() {
this._setThumb( this._getSliderSize() );
},
_updatePageIncrement : function() {
this._setPageIncrement( this._getSliderSize() - this._increment );
},
_stopEvent : function( event ) {
event.stopPropagation();
event.preventDefault();
},
_getMergeCurrentEvent : function() {
// TODO [tb] : dont use last dispatched target as reference, use last selection instead
var result = false;
if( this._mergeEvents ) {
var mergeThreshold = rwt.widgets.base.ScrollBar.MERGE_THRESHOLD;
var diff = Math.abs( this._lastDispatchedValue - this._selection );
if( diff >= this._increment * mergeThreshold ) {
result = true;
}
}
return result;
},
_dispatchValueChanged : function() {
if( this._mergeEvents ) {
this._eventTimer.stop();
}
this._lastDispatchedValue = this._selection;
this.createDispatchEvent( "changeValue" );
},
_updateStepsize : function() {
var oldValue = this._selection;
this.base( arguments );
if( oldValue !== this._selection ) {
this._dispatchValueChanged();
}
}
}
} );
