ActionButton

AMD: require(["geoscene/support/actions/ActionButton"], (ActionButton) => { /* 代码 */ });
ESM: import ActionButton from "@geoscene/core/support/actions/ActionButton";
类: geoscene/support/actions/ActionButton
继承于: ActionButton ActionBase Accessor
起始版本: GeoScene API for JavaScript 4.22

一个可自定义的按钮,用于执行 Popup, LayerList, 和 BasemapLayerList 等微件中使用的特定操作。

示例:

构造函数

new ActionButton(properties)
参数:
properties Object
optional

所有可传入构造函数的属性,请参见属性列表

属性列表

可以设置、检索或监听的属性。参见 使用属性
展示继承属性 隐藏继承属性
属性 类型 描述
Boolean更多信息

将此属性设置为 true 以显示微调器图标。

更多信息ActionBase
String更多信息

这会向 ActionButton's 添加一个 CSS 类 节点。

更多信息ActionBase
String更多信息

类名。

更多信息Accessor
Boolean更多信息

表示此操作是否被禁用。

更多信息ActionBase
String更多信息

分配给此操作的 ID 的名称。

更多信息ActionBase
String更多信息

将用于表示操作的图像的 URL。

更多信息ActionButton
String更多信息

操作的标题。

更多信息ActionBase
String更多信息

指定操作的类型。

更多信息ActionButton
Boolean更多信息

表示操作是否可见。

更多信息ActionBase

属性详细说明

将此属性设置为 true 以显示微调器图标。 你应该做这个 如果操作执行异步操作,例如查询,则 需要让最终用户知道某个进程正在后台进行。 将该属性设置回 false 以告知用户进程已完成。

默认值:false
className String inherited

这会向 ActionButton's 添加一个 CSS 类 节点。 它可以与它的 image 结合使用 财产或本身。 此属性中可以使用任何图标字体。 GeoScene 图标字体 是 通过适用于 JavaScript 的 GeoScene API 自动提供给您 用于样式化自定义操作。 要使用这些提供的图标字体之一,您必须 在类名前加上 geoscene-。 例如,默认的 zoom-to 动作 Popup 使用字体 geoscene-icon-zoom-in-magnifying-glass

declaredClass Stringreadonly inherited

类名。类的名称声明格式为 geoscene.folder.className

disabled Boolean inherited

表示此操作是否被禁用。

默认值:false

分配给此操作的 ID 的名称。 这用于在监听 trigger-action 事件时区分动作。

image String

将用于表示操作的图像的 URL。此属性将用作节点的背景图像。它可以与 className 一起使用,也可以单独使用。如果未指定 image 或className 则将显示默认图标默认图标

操作的标题。

对于弹出窗口:当空间有限时,操作将显示在菜单中。 文本始终显示在图标旁边,但长文本会被截断。 将鼠标悬停在该标题上时会显示带有此标题的工具提示。

对于LayerList:第一个动作用图标显示在layerlist中。 图层列表有一个菜单,可以显示所有动作及其标题。

type Stringreadonly

指定操作的类型。

对于 ActionButton,类型始终为 "button".

默认值:"button"
visible Boolean inherited

表示操作是否可见。

默认值:true

方法列表

展示继承方法 隐藏继承方法
属性 返回值类型 描述
ActionBase更多信息

深拷贝对象。

更多信息ActionBase

方法详细说明

深拷贝对象。

返回值:
类型 描述
ActionBase ActionBase 实例的克隆。

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.