JavaScript ArcGIS Expand.group用法及代码示例

基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/widgets/Expand"], (Expand) => { /* code goes here */ });

ESM: import Expand from "@arcgis/core/widgets/Expand";

类： esri/widgets/Expand

继承: Expand > Widget > Accessor

自从：用于 JavaScript 4.3 的 ArcGIS API

用法说明

Expand.group函数(或属性)的定义如下：

group String

自从：ArcGIS 适用于 JavaScript 4.6 的 API

此值将两个或多个展开小部件实例相互关联，允许一个实例在同一组中的另一个实例展开时自动折叠。要使自动折叠生效，组的所有实例都必须包含在 view.ui 中。

例如，如果您将多个 Expand 实例放在视图 ui 的左上角，则可以将它们分配给名为 top-left 的组。如果展开一个 Expand 实例并且用户单击 top-left 组中的另一个实例，则第一个实例将折叠，从而使第二个实例的内容完全可见。

例子：

let expand1 = new Expand({
  view: view,
  content: document.getElementById("bg-gallery"),
  expandIconClass: "esri-icon-basemap",
  group: "bottom-right"
});
let expand2 = new Expand({
  view: view,
  content: document.getElementById("legend"),
  expandIconClass: "esri-icon-key",
  group: "bottom-right"
});

view.ui.add([expand1, expand2], "bottom-right");

相关用法

注：本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 Expand.group。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。