JavaScript ArcGIS Popup trigger-action事件用法及代码示例

基本信息

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

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 trigger-action事件的定义如下：

trigger-action

在用户单击弹出窗口内的 action 或 action toggle 后触发。此事件可用于定义单击特定操作时要执行的自定义函数。有关其工作原理的详细信息，请参见下面的示例。

属性：

类型	说明
action ActionButton\|ActionToggle	用户点击的操作。有关此对象的说明及其属性的规范，请参阅此类的 actions 属性。

例子：

// Defines an action to zoom out from the selected feature
let zoomOutAction = {
 // This text is displayed as a tooltip
 title: "Zoom out",
 // The ID used to reference this action in the event handler
 id: "zoom-out",
 // Sets the icon font used to style the action button
 className: "esri-icon-zoom-out-magnifying-glass"
};
// Adds the custom action to the popup
view.popup.actions.push(zoomOutAction);

// Fires each time an action is clicked
view.popup.on("trigger-action", function(event){
  // If the zoom-out action is clicked, than execute the following code
  if(event.action.id === "zoom-out"){
    // Zoom out two levels (LODs)
    view.goTo({
      center: view.center,
      zoom: view.zoom - 2
    });
  }
});

相关用法

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