当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。