构造函数
属性概述
名称 | 类型 | 描述 | 类 |
---|---|---|---|
Boolean | 是否提供图层是否正在 LayerList 中发布的指示。 更多详情 | LayerListViewModel | |
String | 类的名称。 更多详情 | Accessor | |
ListItemCreatedHandler | 指定访问每个 ListItem 的函数。 更多详情 | LayerListViewModel | |
Collection<ListItem> | 表示业务图层的 ListItem 集合。 更多详情 | LayerListViewModel | |
String | 视图模型的状态。 更多详情 | LayerListViewModel | |
MapView|SceneView | 微件将从中操作的视图。 更多详情 | LayerListViewModel |
属性详细信息
-
checkPublishStatusEnabled Boolean起始版本:GeoScene Maps SDK for JavaScript 4.25
-
是否提供图层是否正在 LayerList 中发布的指示。发布图层时,列表项标题右侧将显示一个旋转的方形。如果
checkPublishStatusEnabled
为false
,则列表项目的 publishing 属性将为false
。- 默认值:false
-
起始版本:GeoScene Maps SDK for JavaScript 4.7
-
类的名称。声明的类名称格式化为
geoscene.folder.className
。
-
listItemCreatedFunction ListItemCreatedHandler起始版本:GeoScene Maps SDK for JavaScript 4.4
-
指定访问每个 ListItem 的函数。每个列表项都可根据其可修改的属性进行修改。可以使用 ListItem 的 actionsSections 属性将操作添加到列表项。
示例layerListViewModel.listItemCreatedFunction = function (event) { // The event object contains properties of the // layer in the LayerList widget. let 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: "geoscene-icon-zoom-out-fixed", id: "full-extent" }]]; } });
-
operationalItems Collection<ListItem>readonly
-
- 另请参阅
-
state Stringreadonly
-
视图模型的状态。
可能值:"loading"|"ready"|"disabled"
- 默认值:disabled
-
微件将从中操作的视图。
方法概述
名称 | 返回值类值 | 描述 | 类 |
---|---|---|---|
添加一个或多个与对象的生命周期相关联的句柄。 更多详情 | Accessor | ||
Boolean | 如果存在指定的句柄组,则返回 true。 更多详情 | Accessor | |
在 LayerList 微件中将列表项从一个位置移动到另一个位置。 更多详情 | LayerListViewModel | ||
移除对象拥有的句柄组。 更多详情 | Accessor | ||
触发 trigger-action 事件并执行给定的操作或操作切换。 更多详情 | LayerListViewModel |
方法详细说明
-
addHandles(handleOrHandles, groupKey)inherited起始版本:GeoScene Maps SDK for JavaScript 4.25
-
添加一个或多个与对象的生命周期相关联的句柄。当对象被销毁时,将移除句柄。
// Manually manage handles const handle = reactiveUtils.when( () => !view.updating, () => { wkidSelect.disabled = false; }, { once: true } ); // Handle gets removed when the object is destroyed. this.addHandles(handle);
参数handleOrHandles WatchHandle|WatchHandle[]对象销毁后,标记为要移除的句柄。
groupKey *optional标识句柄应添加到的组的键。组中的所有句柄稍后都可使用 Accessor.removeHandles() 进行删除。如果未提供键,则句柄将被添加到默认组。
-
起始版本:GeoScene Maps SDK for JavaScript 4.25
-
如果存在指定的句柄组,则返回 true。
参数groupKey *optional组键。
返回类型 描述 Boolean 如果存在指定的句柄组,则返回 true
。示例// Remove a named group of handles if they exist. if (obj.hasHandles("watch-view-updates")) { obj.removeHandles("watch-view-updates"); }
-
moveListItem(targetItem, fromParentItem, toParentItem, newIndex)起始版本:GeoScene Maps SDK for JavaScript 4.16
-
在 LayerList 微件中将列表项从一个位置移动到另一个位置。这允许用户重新排序地图中的业务图层,甚至重新组织 GroupLayers 的子图层。您不能将 GroupLayer 作为子图层移动到另一个 GroupLayer。您也不能将 MapImageLayer 子图层移动到 MapImageLayer 之外。
出于以下文档的目的,项目 (或列表项目) 是指地图中的图层。父项目指的是 GroupLayer 或 MapImageLayer,子项目指的是 GroupLayer 或 MapImageLayer 的子图层。
参数targetItem ListItem要移动的列表项 (或图层)。
fromParentItem ListItem如果
targetItem
是父列表项的子项,并且您要将其移出 parentItem,则使用此参数指示要从父项移出。toParentItem ListItem如果将
targetItem
作为子项移动到另一个父项,则将其移动到的父列表项。newIndex Number要将
targetItem
移动到的新索引。如果将项目作为子项移动到父项,则指定该项在该父项中的索引。示例// Moves the first layer to the final position in the map const viewModel = layerList.viewModel; const item = layerList.operationalItems.getItemAt(0); const lastIndex = layerList.operationalItems.length - 1; viewModel.moveListItem(item, null, null, lastIndex);
// Moves the first sublayer in the first group layer // to the first position in the second group layer const viewModel = layerList.viewModel; const parentItem1 = layerList.operationalItems.getItemAt(0); const subItem1 = parentItem1.children.getItemAt(0); const parentItem2 = layerList.operationalItems.getItemAt(1); viewModel.moveListItem(subItem1, parentItem1, parentItem2, 0);
-
removeHandles(groupKey)inherited起始版本:GeoScene Maps SDK for JavaScript 4.25
-
移除对象拥有的句柄组。
参数groupKey *optional要移除的组键或组键的数组或集合。
示例obj.removeHandles(); // removes handles from default group obj.removeHandles("handle-group"); obj.removeHandles("other-handle-group");
-
triggerAction(action, item)
-
触发 trigger-action 事件并执行给定的操作或操作切换。
参数action ActionButton|ActionToggle要执行的操作。
item ListItem与操作关联的项目。
事件概述
名称 | 类型 | 描述 | 类 |
---|---|---|---|
{action: ActionButton,ActionToggle,item: ListItem} |
用户在 LayerList 微件内单击操作或操作切换后触发。 更多详情 |
LayerListViewModel |
事件详细说明
-
trigger-action
-
- 属性
-
action ActionButton|ActionToggle
用户单击的操作。
item ListItem与操作关联的项目。