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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。