JavaScript ArcGIS Slider.tickElements用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

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

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

類： esri/widgets/Slider

繼承: Slider > Widget > Accessor

自從：用於 JavaScript 4.12 的 ArcGIS API

用法說明

Slider.tickElements函數(或屬性)的定義如下：

tickElements Collection<Collection<TickElementGroup>> readonly

自從：ArcGIS 適用於 JavaScript 4.20 的 API

代表滑塊刻度及其關聯標簽的 HTML 元素節點。這些元素在TickCreatedFunction中創建並在tickConfigs中配置。

例子：

slider.tickElements.getItemAt(0).forEach((tickElementGroup) => {
  const { tickElement, labelElement } = tickElementGroup;
  const newValue = labelElement["data-value"];
  const setValue = () => {
    slider.values = [ newValue ];
  };
  tickElement.addEventListener("click", setValue);
  tickElement.style.cursor = "pointer";
  labelElement.addEventListener("click", setValue);
  labelElement.style.cursor = "pointer";
});

相關用法

注：本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 Slider.tickElements。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。