addDidFinishTransactionListener
The addDidFinishTransactionListener method registers a listener function with the Store that will be called just after other non-mutating listeners are called at the end of the transaction.
addDidFinishTransactionListener(listener: TransactionListener): string| Type | Description | |
|---|---|---|
listener | TransactionListener | |
| returns | string | A unique |
This is useful if you need to know that a set of listeners have just been called at the end of a transaction, perhaps to batch their consequences together.
The provided TransactionListener will receive a reference to the Store and two booleans to indicate whether Cell or Value data has been touched during the transaction. The two flags is intended as a hint about whether non-mutating listeners might have been called at the end of the transaction.
Here, 'touched' means that Cell or Value data has either been changed, or changed and then changed back to its original value during the transaction. The exception is a transaction that has been rolled back, for which the value of cellsTouched and valuesTouched in the listener will be false because all changes have been reverted.
Example
This example registers a listener that is called at the end of the transaction, just after its listeners have been called. The transactions shown here variously change, touch, and rollback cells, demonstrating how the cellsTouched and valuesTouched parameters in the listener work.
const store = createStore()
.setTables({
pets: {fido: {species: 'dog', color: 'brown'}},
})
.setValues({open: true, employees: 3});
const listenerId = store.addDidFinishTransactionListener(
(store, cellsTouched, valuesTouched) => {
console.log(`Cells/Values touched: ${cellsTouched}/${valuesTouched}`);
},
);
const listenerId2 = store.addTablesListener(() =>
console.log('Tables changed'),
);
const listenerId3 = store.addValuesListener(() =>
console.log('Values changed'),
);
store.transaction(() =>
store.setCell('pets', 'fido', 'color', 'brown').setValue('employees', 3),
);
// -> 'Cells/Values touched: false/false'
store.transaction(() => store.setCell('pets', 'fido', 'color', 'walnut'));
// -> 'Tables changed'
// -> 'Cells/Values touched: true/false'
store.transaction(() => store.setValue('employees', 4));
// -> 'Values changed'
// -> 'Cells/Values touched: false/true'
store.transaction(() => {
store
.setRow('pets', 'felix', {species: 'cat'})
.delRow('pets', 'felix')
.setValue('city', 'London')
.delValue('city');
});
// -> 'Cells/Values touched: true/true'
// But no Tables or Values listeners fired since there are no net changes.
store.transaction(
() =>
store
.setRow('pets', 'felix', {species: 'cat'})
.setValue('city', 'London'),
() => true,
);
// -> 'Cells/Values touched: false/false'
// Transaction was rolled back.
store.callListener(listenerId);
// -> 'Cells/Values touched: undefined/undefined'
// It is meaningless to call this listener directly.
store
.delListener(listenerId)
.delListener(listenerId2)
.delListener(listenerId3);
Since
v1.3.0