JavaScript ArcGIS Slider用法及代碼示例

基本信息

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

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 with annotations

滑塊的容器或父容器至少必須在 CSS 中設置 width 才能呈現。

有關獲得對小部件樣式的完全控製的信息，請參閱Styling 主題。

例子：

const slider = new Slider({
  container: "sliderDiv",
  min: 0,
  max: 100,
  values: [ 50 ],
  snapOnClickEnabled: false,
  visibleElements: {
    labels: true,
    rangeLabels: true
  }
});

相關用法

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