import TableListViewModel from "@arcgis/core/widgets/TableList/TableListViewModel.js";const TableListViewModel = await $arcgis.import("@arcgis/core/widgets/TableList/TableListViewModel.js");- Inheritance:
- TableListViewModel→
Accessor
- Since
- ArcGIS Maps SDK for JavaScript 4.17
Example
const tableList = new TableList({ viewModel: { // autocasts as new TableListViewModel map: map // specify the map containing the tables }});Constructors
Constructor
Parameters
| Parameter | Type | Description | Required |
|---|---|---|---|
| properties | | |
Properties
| Property | Type | Class |
|---|---|---|
| | ||
declaredClass readonly inherited | ||
| | ||
| | ||
| | ||
state readonly | | |
tableItems readonly | | |
ReadonlyCollection<Layer | Sublayer> | null | undefined | | |
totalItems readonly | |
checkPublishStatusEnabled
- Type
- boolean
- Since
- ArcGIS Maps SDK for JavaScript 4.25
Whether to provide an indication if a layer is being published in the
TableList. When a layer is publishing,
a rotating square will appear to the right of the list item title.
The ListItem.publishing property
will be false if checkPublishStatusEnabled is false.
- Default value
- false
listItemCreatedFunction
- Type
- ListItemModifier | null | undefined
Specifies a function that accesses each ListItem. Each list item can be modified according to its modifiable properties. Actions can be added to list items using the ListItem.actionsSections property.
listModeDisabled
- Type
- boolean
- Since
- ArcGIS Maps SDK for JavaScript 4.30
Specifies whether to ignore the Layer.listMode property of the layers to display all tables.
A common use case for listModeDisabled is when you want to use the TableList to manage and configure a tables's listMode value.
- See also
- Default value
- false
map
A reference to the Map containing the tables. Set this property to access the underlying tables within the map.
- See also
Example
// FeatureLayer.isTable = true.Layer.fromPortalItem({ // Loads a layer (table) from a portal item portalItem: { // autocasts new PortalItem() id: "add portal id item" }}).then(function(layer) { // Load the layer layer.load().then(function() { // Check if the layer is a table if (layer.isTable) { map.tables.add(layer); console.log(map.tables); } });});
const tableList = new TableList({ map: map // map contains tables collection }); tableItems
- Type
- Collection<ListItem>
The collection of table ListItems displayed within the widget.
totalItems
- Type
- number
Methods
| Method | Signature | Class |
|---|---|---|
emit inherited | emit<Type extends EventNames<this>>(type: Type, event?: this["@eventTypes"][Type]): boolean | |
hasEventListener inherited | hasEventListener<Type extends EventNames<this>>(type: Type): boolean | |
on inherited | on<Type extends EventNames<this>>(type: Type, listener: EventedCallback<this["@eventTypes"][Type]>): ResourceHandle | |
triggerAction(action: Action, item: ListItem): void | |
emit
- Signature
-
emit <Type extends EventNames<this>>(type: Type, event?: this["@eventTypes"][Type]): boolean
- Type parameters
- <Type extends EventNames<this>>
Emits an event on the instance. This method should only be used when creating subclasses of this class.
hasEventListener
- Signature
-
hasEventListener <Type extends EventNames<this>>(type: Type): boolean
- Type parameters
- <Type extends EventNames<this>>
Indicates whether there is an event listener on the instance that matches the provided event name.
Parameters
| Parameter | Type | Description | Required |
|---|---|---|---|
| type | Type | The name of the event. | |
- Returns
- boolean
Returns true if the class supports the input event.
on
- Signature
-
on <Type extends EventNames<this>>(type: Type, listener: EventedCallback<this["@eventTypes"][Type]>): ResourceHandle
- Type parameters
- <Type extends EventNames<this>>
Registers an event handler on the instance. Call this method to hook an event with a listener.
Parameters
| Parameter | Type | Description | Required |
|---|---|---|---|
| type | Type | An event or an array of events to listen for. | |
| listener | EventedCallback<this["@eventTypes"][Type]> | The function to call when the event fires. | |
- Returns
- ResourceHandle
Returns an event handler with a
remove()method that should be called to stop listening for the event(s).Property Type Description remove Function When called, removes the listener from the event.
Example
view.on("click", function(event){ // event is the event handle returned after the event fires. console.log(event.mapPoint);}); triggerAction
- Signature
-
triggerAction (action: Action, item: ListItem): void
Triggers the @trigger-action event and executes the given action or action toggle.
Events
trigger-action
trigger-action: CustomEvent<TableListViewModelTriggerActionEvent> Emitted when the user clicks an action or action toggle in a table list. Use this event to run custom logic when a specific action is triggered.
- See also