JavaScript ArcGIS Popup.dockOptions用法及代码示例

基本信息

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

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

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

类： esri/widgets/Popup

继承: Popup > Widget > Accessor

自从：用于 JavaScript 4.0 的 ArcGIS API

用法说明

Popup.dockOptions函数(或属性)的定义如下：

dockOptions Object

停靠弹出窗口可以提供更好的用户体验，特别是在移动设备上的应用程序中打开弹出窗口时。当弹出窗口为 "dockEnabled" 时，意味着弹出窗口不再指向选定的要素或分配给它的位置。相反，它被放置在视图的一角或视图的顶部或底部。该属性允许开发人员设置用于停靠弹出窗口的各种选项。

请参阅下面的对象规范表以覆盖弹出窗口上的默认停靠属性。

属性：

类型说明

breakpoint Object|Boolean

可选的

默认值：真的

定义停靠弹出窗口的View 的尺寸。设置为 false 以在断点处禁用停靠。

规格：

width Number	可选的默认值：544 View 的最大宽度，弹出窗口将自动设置为 dockEnabled。
height Number	可选的默认值：544 View 的最大高度，弹出窗口将自动设置为dockEnabled。

buttonEnabled Boolean

可选的

如果 true ，显示停靠按钮。如果 false ，从弹出窗口中隐藏停靠按钮。

position String|Function

可选的

默认值：汽车

停靠弹出窗口的视图中的位置。可以设置为字符串或函数。请参阅下表，了解已知字符串值及其在视图中基于视图大小的位置。

已知值	视图大小 > 断点	视图大小 < 断点
auto	top-right	底部 100%
top-left	top-left	前 100%
top-center	top-center	前 100%
top-right	top-right	前 100%
bottom-left	bottom-left	底部 100%
bottom-center	bottom-center	底部 100%
bottom-right	bottom-right	底部 100%

如果在移动 UI 中查看弹出窗口，默认停靠位置是底部 100%。

例子：

view.popup.dockOptions = {
  // Disable the dock button so users cannot undock the popup
  buttonEnabled: false,
  // Dock the popup when the size of the view is less than or equal to 600x1000 pixels
  breakpoint: {
    width: 600,
    height: 1000
  }
};

相关用法

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