LayerListViewModel
require(["esri/widgets/LayerList/LayerListViewModel"], function(LayerListVM) { /* code goes here */ });
esri/widgets/LayerList/LayerListViewModel
Provides the logic for the LayerList widget.
- See also:
Constructors
- new LayerListViewModel(properties)
- Parameter:properties Objectoptional
See the properties for a list of all the properties that may be passed into the constructor.
Property Overview
Name | Type | Summary | Class | |
---|---|---|---|---|
String | The name of the class. more details | more details | Accessor | |
Function | Specifies a function that accesses each ListItem. more details | more details | LayerListViewModel | |
Collection<ListItem> | A collection of ListItems representing operational layers. more details | more details | LayerListViewModel | |
String | The view model's state. more details | more details | LayerListViewModel | |
MapView | SceneView | The view from which the widget will operate. more details | more details | LayerListViewModel |
Property Details
- Since: ArcGIS API for JavaScript 4.7
The name of the class. The declared class name is formatted as
esri.folder.className
.
- listItemCreatedFunctionFunctionSince: ArcGIS API for JavaScript 4.4
Specifies a function that accesses each ListItem. Each list item can be modified according to its modifiable propeties. Actions can be added to list items using the actionsSections property of the ListItem.
Example:layerListViewModel.listItemCreatedFunction = function (event) { // The event object contains properties of the // layer in the LayerList widget. var item = event.item; if (item.title === "US Demographics") { // open the list item in the LayerList item.open = true; // change the title to something more descriptive item.title = "Population by county"; // set an action for zooming to the full extent of the layer item.actionsSections = [[{ title: "Go to full extent", className: "esri-icon-zoom-out-fixed", id: "full-extent" }]]; } });
- operationalItemsreadonly
A collection of ListItems representing operational layers.
- See also:
- stateStringreadonly
The view model's state.
Possible Values: loading | disabled
- Default Value:disabled
The view from which the widget will operate.
Method Overview
Name | Return Type | Summary | Class | |
---|---|---|---|---|
Triggers the trigger-action event and executes the given action or action toggle. more details | more details | LayerListViewModel |
Method Details
- triggerAction(action, item)
Triggers the trigger-action event and executes the given action or action toggle.
Parameters:action ActionButton|ActionToggleThe action to execute.
item ListItemAn item associated with the action.
Event Overview
Name | Type | Summary | Class | |
---|---|---|---|---|
{action: ActionButton,ActionToggle,item: ListItem} | Fires after the user clicks on an action or action toggle inside the LayerList widget. more details | more details | LayerListViewModel |
Event Details
- trigger-action
Fires after the user clicks on an action or action toggle inside the LayerList widget. This event may be used to define a custom function to execute when particular actions are clicked.
- Properties:
- action ActionButton | ActionToggle
The action clicked by the user.
item ListItemAn item associated with the action.