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

基本信息

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

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.content函数(或属性)的定义如下：

content Node | String | Widget

要在展开的展开小部件中显示的内容。

如果将 Slider 、 HistogramRangeSlider 或 TimeSlider 作为内容添加到展开小部件，则小部件的容器或父容器必须在 CSS 中设置 width 才能在展开小部件中呈现。

如果在滑块的容器(而不是父容器)上设置宽度，则将 slider.container 设置为展开的内容，而不是滑块本身。

expand.content = slider.container

例子：

// A. specify content with a widget
   let searchWidget = new Search({
     view: view
   });

   let expand = new Expand({
     expandIconClass: "esri-icon-search",
     view: view,
     content: searchWidget
   });
   view.ui.add(expand, "bottom-left");

// B. specify content with a string (of HTML)
   content: "Hi, I can have <input placeholder='HTML'/>!"

// C. specify content with a DOM node
   let node = domConstruct.create("div", {
     innerHTML: "I'm a real node!"
   });

   let expand = new Expand({
     expandIconClass: "esri-icon-right-arrow",
     view: view,
     content: node
   });
   view.ui.add(expand, "top-right");

相关用法

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