ListItem

AMD: require(["geoscene/widgets/LayerList/ListItem"], (ListItem) => { /* 代码 */ });
ESM: import ListItem from "@geoscene/core/widgets/LayerList/ListItem";
类: geoscene/widgets/LayerList/ListItem
继承于: ListItem Accessor
起始版本: GeoScene API for JavaScript 4.22

ListItem 类表示 LayerListViewModel 中的 operationalItems 之一。在 LayerList 微件 UI 中,列表项表示视图中显示的层。它提供对关联图层属性的访问,允许开发人员配置与图层相关的操作,并允许开发人员向与图层相关的项目添加内容。

要隐藏 LayerList 微件中的列表项,您必须将所需图层上的 listMode 属性设置为 hide。您无法使用此类或 LayerList 类隐藏列表项。

示例:

属性列表

可以设置、检索或监听的属性。参见 使用属性
展示继承属性 隐藏继承属性
属性 类型 描述
Boolean更多信息

操作面板是否在 LayerList 中打开。

更多信息ListItem
Collection<Collection<(ActionButton|ActionToggle)>>更多信息

可以在项目上触发的嵌套二维操作集合。

更多信息ListItem
Collection<ListItem>更多信息

当图层包含子图层时,此属性是属于给定图层的 ListItem 对象的集合。

更多信息ListItem
Boolean更多信息

指示列表项的子项(或 GroupLayer 中的子层)是否可以排序或移动/重新排序。

更多信息ListItem
String更多信息

类名。

更多信息Accessor
Error更多信息

如果发生错误,则返回 Error 对象。

更多信息ListItem
Layer更多信息

与触发操作关联的层。

更多信息ListItem
LayerView更多信息

LayerView 显示关联 layer 的数据。

更多信息ListItem
Boolean更多信息

图层是否在 LayerList 中打开。

更多信息ListItem
ListItemPanel更多信息

允许您在 LayerList 微件中显示每个 ListItem 的自定义内容。

更多信息ListItem
ListItem更多信息

此项目的父项

更多信息ListItem
Boolean更多信息

指示列表项(或地图中的图层)是否可以排序或移动/重新排序。

更多信息ListItem
String更多信息

图层的标题。

更多信息ListItem
Boolean更多信息

如果图层在更新,值为true ;例如,当它正在获取数据时。

更多信息ListItem
MapView|SceneView更多信息

微件将从中操作的视图。

更多信息ListItem
String更多信息

指示如何管理子图层的可见性。

更多信息ListItem
Boolean更多信息

指示 ListItem 是否可见。

更多信息ListItem
Boolean更多信息

图层在当前比例下是否可见。

更多信息ListItem

属性详细说明

actionsOpen Boolean

操作面板是否在 LayerList 中打开。

默认值:false
自动转换自 Object[][]

可以在项目上触发的嵌套二维操作集合。

示例:
children Collection<ListItem>

当图层包含子图层时,此属性是属于给定图层的 ListItem 对象的集合。

childrenSortable Boolean
起始版本: GeoScene API for JavaScript 4.22

指示列表项的子项(或 GroupLayer 中的子层)是否可以排序或移动/重新排序。

默认值:true
示例代码:
// disables the children of a parent list item from being sorted
listItem.childrenSortable = false;
declaredClass Stringreadonly inherited
起始版本: GeoScene API for JavaScript 4.22

类名。类的名称声明格式为 geoscene.folder.className

error Errorreadonly

如果发生错误,则返回 Error 对象。

layer Layer

与触发操作关联的层。

默认值:null
layerView LayerViewreadonly

LayerView 显示关联 layer 的数据。

open Boolean

图层是否在 LayerList 中打开。

默认值:false
起始版本: GeoScene API for JavaScript 4.22

允许您在 LayerList 微件中显示每个 ListItem 的自定义内容。

使用 ListItemPanel 的常见场景是在每个列表项中显示 Legend 小部件。legend 关键字可用于面板的 content 属性,以显示每个图层的图例层列表。

示例代码:
// displays the legend for each layer list item
const layerList = new LayerList({
  view: view,
  listItemCreatedFunction: function(event){
    const item = event.item;
    item.panel = {
      content: "legend"
    };
  }
});
// displays content from the DOM in the LayerList
const layerList = new LayerList({
  view: view,
  listItemCreatedFunction: function(event){
    const item = event.item;
    item.panel = {
      content: document.getElementById("myDiv"),
      className: "esri-icon-chart",
      open: item.visible
    };
  }
});
parent ListItem
起始版本: GeoScene API for JavaScript 4.22

此项目的父项

默认值:null
sortable Boolean
起始版本: GeoScene API for JavaScript 4.22

指示列表项(或地图中的图层)是否可以排序或移动/重新排序。

默认值:true
示例代码:
// disables the list item from being sorted
listItem.sortable = false;
title String

图层的标题。

updating Booleanreadonly

如果图层在更新,值为true ;例如,当它正在获取数据时。

默认值:false

微件件将从中操作的视图。

visibilityMode Stringreadonly

指示如何管理子图层的可见性。

visible Boolean

指示 ListItem 是否可见。

默认值:true
visibleAtCurrentScale Booleanreadonly

图层在当前比例下是否可见。

默认值:true

方法列表

属性 返回值类型 描述
ListItem更多信息

深拷贝对象。

更多信息ListItem

方法详细说明

clone(){ListItem}

深拷贝对象。

返回值:
类型 描述
ListItem ListItem 实例的拷贝。

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.