基本信息
以下是所在类或对象的基本信息。
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
用法说明
一个滑块小部件,可用于过滤数据或收集用户的数字输入。滑块可以有多个拇指,并为您提供设置标签格式和控制用户输入的能力。
有关此滑块上可用的可配置选项的摘要,请参见下图。
滑块的容器或父容器至少必须在 CSS 中设置 width
才能呈现。
有关获得对小部件样式的完全控制的信息,请参阅Styling 主题。
例子:
const slider = new Slider({
container: "sliderDiv",
min: 0,
max: 100,
values: [ 50 ],
snapOnClickEnabled: false,
visibleElements: {
labels: true,
rangeLabels: true
}
});
相关用法
- JavaScript ArcGIS Slider.effectiveMin用法及代码示例
- JavaScript ArcGIS Slider.container用法及代码示例
- JavaScript ArcGIS Slider.min用法及代码示例
- JavaScript ArcGIS Slider.classes用法及代码示例
- JavaScript ArcGIS Slider.thumbCreatedFunction用法及代码示例
- JavaScript ArcGIS Slider.visibleElements用法及代码示例
- JavaScript ArcGIS Slider.when用法及代码示例
- JavaScript ArcGIS Slider.labelInputsEnabled用法及代码示例
- JavaScript ArcGIS Slider.thumbElements用法及代码示例
- JavaScript ArcGIS Slider.labelElements用法及代码示例
- JavaScript ArcGIS Slider.draggableSegmentsEnabled用法及代码示例
- JavaScript ArcGIS Slider.visible用法及代码示例
- JavaScript ArcGIS Slider.effectiveSegmentElements用法及代码示例
- JavaScript ArcGIS Slider.inputCreatedFunction用法及代码示例
- JavaScript ArcGIS Slider.minLabelElement用法及代码示例
- JavaScript ArcGIS Slider.syncedSegmentsEnabled用法及代码示例
- JavaScript ArcGIS Slider.maxLabelElement用法及代码示例
- JavaScript ArcGIS Slider.labelFormatFunction用法及代码示例
- JavaScript ArcGIS Slider.rangeLabelInputsEnabled用法及代码示例
- JavaScript ArcGIS Slider.tickConfigs用法及代码示例
- JavaScript ArcGIS Slider.tickElements用法及代码示例
- JavaScript ArcGIS Slider.inputParseFunction用法及代码示例
- JavaScript ArcGIS Slider.segmentElements用法及代码示例
- JavaScript ArcGIS Slider.values用法及代码示例
- JavaScript ArcGIS Slider.thumbsConstrained用法及代码示例
注:本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 Slider。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。