This event is only fired if the table is
set in the Editor to
select rows when clicked.
PROPERTIES
An event's context contains information about the circumstances
surrounding the firing of the event.
The context property only appears in events on repeated elements.
You can use the event context with $w.at() to get a selector function which selects items from a specific repeater item. It contains an object with one key:value pair. The key is "itemId" and the value is the ID of the repeated item on which the event occurred.
Getting Started
Videos
Examples
Forumget context(): EventContext
// non-repeater event
$w("#myElement").onEvent( (event) => {
let type = event.context.type; // "GLOBAL_SCOPE"
} );
// repeater event
$w("#myRepeatedElement").onEvent( (event) => {
let $item = $w.at(event.context)
$item("#anotherRepeatedElement").value = "new value";
let itemId = event.context.itemId; // "item1"
} );The row data is a JSON object of columnName:cellData key:value pairs.
The object only contains the data that is displayed in the table.
If the table is connected to a dataset, the rowData does not include the
fields from the dataset item that are not connected to table columns.
To retrieve the dataset item data that corresponds to the table row data,
use the dataset getCurrentItem()
function in the dataset onCurrentIndexChanged()
event handler.
Getting the rowData gets the same object that is returned in the array
of rows when readingthe table's rows property.
get rowData(): Object
$w("#myTable").onRowSelect( (event) => {
let rowData = event.rowData; // {"fName": "John", "lName": "Doe"}
let rowIndex = event.rowIndex; // 2
} );$w("#myTable").onRowSelect( (event) => {
let rowData = event.rowData;
} );
// ...
$w("#myDataset").onCurrentIndexChanged( (event) => {
let itemData = $w("#myDataset").getCurrentItem();
} );
/* rowData:
* {
* "fName": "John",
* "lName": "Doe"
* }
*
* itemData:
* {
* "_id": "e6895a76-3a89-4aa7-8f6a-023061cd8c24",
* "_owner": "fdkr99hk-gh94-f8i4-cd8e-so4309dsk3f3",
* "_createdDate": "2017-03-16T09:08:41.826Z",
* "_updatedDate": "2017-03-16T09:08:58.476Z",
* "fName": "John",
* "lName": "Doe"
* }
*/The rows in a table are zero-based and do not include the table header.
get rowIndex(): number
$w("#myTable").onRowSelect( (event) => {
let rowData = event.rowData; // {"fName": "John", "lName": "Doe"}
let rowIndex = event.rowIndex; // 2
} );get target(): Element
$w("#myElement").onEvent( (event) => {
let targetId = event.target.id; // "myElement"
} );get type(): string
$w("#myElement").onEvent( (event) => {
let eventType = event.type; // "click"
} );