HistoryBase Class
Provides global state management backed by an object, but with no browser history integration. For actual browser history integration and back/forward support, use the history-html5 or history-hash modules.
Index
Methods
Properties
- _config
- _initialState
- force
- html5 static
- NAME static
- nativeHashChange static
- SRC_ADD static
- SRC_REPLACE static
Events
Methods
_change
-
src
-
state
-
options
Changes the state. This method provides a common implementation shared by the public methods for changing state.
Parameters:
-
src
StringSource of the change, for inclusion in event facades to facilitate filtering.
-
state
ObjectObject hash of key/value pairs.
-
options
Object(optional) Zero or more options. See <code>add()</code> for a list of supported options.
_defChangeFn
-
e
Default <code>history:change</code> event handler.
Parameters:
-
e
EventFacadestate change event facade
_fireChangeEvent
-
src
-
key
-
value
Fires a dynamic "[key]Change" event.
Parameters:
-
src
Stringsource of the change, for inclusion in event facades to facilitate filtering
-
key
Stringkey of the item that was changed
-
value
Objectobject hash containing <i>newVal</i> and <i>prevVal</i> properties for the changed item
_fireEvents
-
src
-
changes
-
options
Called by _resolveChanges() when the state has changed. This method takes care of actually firing the necessary events.
Parameters:
-
src
StringSource of the changes, for inclusion in event facades to facilitate filtering.
-
changes
ObjectResolved changes.
-
options
ObjectZero or more options. See <code>add()</code> for a list of supported options.
_fireRemoveEvent
-
src
-
key
-
value
Fires a dynamic "[key]Remove" event.
Parameters:
-
src
Stringsource of the change, for inclusion in event facades to facilitate filtering
-
key
Stringkey of the item that was removed
-
value
Mixedvalue of the item prior to its removal
_init
-
config
Initializes this HistoryBase instance. This method is called by the constructor.
Parameters:
-
config
Objectconfiguration object
_isSimpleObject
-
value
Returns <code>true</code> if <i>value</i> is a simple object and not a function or an array.
Parameters:
-
value
Mixed
Returns:
_resolveChanges
-
src
-
newState
-
options
Resolves the changes (if any) between <i>newState</i> and the current state and fires appropriate events if things have changed.
Parameters:
-
src
Stringsource of the changes, for inclusion in event facades to facilitate filtering
-
newState
Objectobject hash of key/value pairs representing the new state
-
options
ObjectZero or more options. See <code>add()</code> for a list of supported options.
_storeState
-
src
-
newState
-
options
Stores the specified state. Don't call this method directly; go through _resolveChanges() to ensure that changes are resolved and all events are fired properly.
Parameters:
-
src
Stringsource of the changes
-
newState
Objectnew state to store
-
options
ObjectZero or more options. See <code>add()</code> for a list of supported options.
add
-
state
-
options
Adds a state entry with new values for the specified keys. By default, the new state will be merged into the existing state, and new values will override existing values. Specifying a <code>null</code> or <code>undefined</code> value will cause that key to be removed from the new state entry.
Parameters:
-
state
ObjectObject hash of key/value pairs.
-
options
Object(optional) Zero or more of the following options: <dl> <dt>merge (Boolean)</dt> <dd> <p> If <code>true</code> (the default), the new state will be merged into the existing state. New values will override existing values, and <code>null</code> or <code>undefined</code> values will be removed from the state. </p> <p> If <code>false</code>, the existing state will be discarded as a whole and the new state will take its place. </p> </dd> </dl>
addValue
-
key
-
value
-
options
Adds a state entry with a new value for a single key. By default, the new value will be merged into the existing state values, and will override an existing value with the same key if there is one. Specifying a <code>null</code> or <code>undefined</code> value will cause the key to be removed from the new state entry.
Parameters:
-
key
StringState parameter key.
-
value
StringNew value.
-
options
Object(optional) Zero or more options. See <code>add()</code> for a list of supported options.
get
-
key
Returns the current value of the state parameter specified by <i>key</i>, or an object hash of key/value pairs for all current state parameters if no key is specified.
Parameters:
-
key
String(optional) State parameter key.
Returns:
Value of the specified state parameter, or an object hash of key/value pairs for all current state parameters.
replace
-
state
-
options
Same as <code>add()</code> except that a new browser history entry will not be created. Instead, the current history entry will be replaced with the new state.
Parameters:
-
state
ObjectObject hash of key/value pairs.
-
options
Object(optional) Zero or more options. See <code>add()</code> for a list of supported options.
replaceValue
-
key
-
value
-
options
Same as <code>addValue()</code> except that a new browser history entry will not be created. Instead, the current history entry will be replaced with the new state.
Parameters:
-
key
StringState parameter key.
-
value
StringNew value.
-
options
Object(optional) Zero or more options. See <code>add()</code> for a list of supported options.
Properties
_config
Object
protected
Configuration object provided by the user on instantiation, or an empty object if one wasn't provided.
Default: {}
_initialState
Object | Null
protected
Resolved initial state: a merge of the user-supplied initial state (if any) and any initial state provided by a subclass. This may differ from <code>_config.initialState</code>. If neither the config nor a subclass supplies an initial state, this property will be <code>null</code>.
Default: {}
force
Boolean
If true
, a history:change
event will be fired whenever the URL
changes, even if there is no associated state change.
Default: false
html5
Boolean
static
Whether or not this browser supports the HTML5 History API.
NAME
String
static
Name of this component.
nativeHashChange
Boolean
static
Whether or not this browser supports the <code>window.onhashchange</code> event natively. Note that even if this is <code>true</code>, you may still want to use HistoryHash's synthetic <code>hashchange</code> event since it normalizes implementation differences and fixes spec violations across various browsers.
SRC_ADD
String
final
static
Constant used to identify state changes originating from the <code>add()</code> method.
SRC_REPLACE
String
final
static
Constant used to identify state changes originating from the <code>replace()</code> method.
Events
[key]Change
<p> Dynamic event fired when an individual history item is added or changed. The name of this event depends on the name of the key that changed. To listen to change events for a key named "foo", subscribe to the <code>fooChange</code> event; for a key named "bar", subscribe to <code>barChange</code>, etc. </p>
<p> Key-specific events are only fired for instance-level changes; that is, changes that were made via the same History instance on which the event is subscribed. To be notified of changes made by other History instances, subscribe to the global <code>history:change</code> event. </p>
Event Payload:
-
e
EventFacadeEvent facade with the following additional properties:
<dl> <dt>newVal (mixed)</dt> <dd> The new value of the item after the change. </dd>
<dt>prevVal (mixed)</dt> <dd> The previous value of the item before the change, or <code>undefined</code> if the item was just added and has no previous value. </dd>
<dt>src (String)</dt> <dd> The source of the event. This can be used to selectively ignore events generated by certain sources. </dd> </dl>
[key]Remove
<p> Dynamic event fired when an individual history item is removed. The name of this event depends on the name of the key that was removed. To listen to remove events for a key named "foo", subscribe to the <code>fooRemove</code> event; for a key named "bar", subscribe to <code>barRemove</code>, etc. </p>
<p> Key-specific events are only fired for instance-level changes; that is, changes that were made via the same History instance on which the event is subscribed. To be notified of changes made by other History instances, subscribe to the global <code>history:change</code> event. </p>
Event Payload:
-
e
EventFacadeEvent facade with the following additional properties:
<dl> <dt>prevVal (mixed)</dt> <dd> The value of the item before it was removed. </dd>
<dt>src (String)</dt> <dd> The source of the event. This can be used to selectively ignore events generated by certain sources. </dd> </dl>
history:change
Fired when the state changes. To be notified of all state changes regardless of the History or YUI instance that generated them, subscribe to this event on <code>Y.Global</code>. If you would rather be notified only about changes generated by this specific History instance, subscribe to this event on the instance.
Event Payload:
-
e
EventFacadeEvent facade with the following additional properties:
<dl> <dt>changed (Object)</dt> <dd> Object hash of state items that have been added or changed. The key is the item key, and the value is an object containing <code>newVal</code> and <code>prevVal</code> properties representing the values of the item both before and after the change. If the item was newly added, <code>prevVal</code> will be <code>undefined</code>. </dd>
<dt>newVal (Object)</dt> <dd> Object hash of key/value pairs of all state items after the change. </dd>
<dt>prevVal (Object)</dt> <dd> Object hash of key/value pairs of all state items before the change. </dd>
<dt>removed (Object)</dt> <dd> Object hash of key/value pairs of state items that have been removed. Values are the old values prior to removal. </dd>
<dt>src (String)</dt> <dd> The source of the event. This can be used to selectively ignore events generated by certain sources. </dd> </dl>