Progress Telerik UI for Blazor

Blazor RangeSlider

  • Blazor RangeSlider组件允许您通过沿着轨道拖动两个手柄或单击它来增加、减少和选择预定义值的范围。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • 概述

    Blazor RangeSlider组件的Telerik UI是一个输入控件,是滑块的补充。它扩展了滑动条的功能,为用户提供了一个直观的界面,可以输入一个数字范围,而不是单个数字。凭借其强大的定制选项,它可以轻松匹配任何设计或用例场景。

    参见Blazor RangeSlider演示
    Telerik UI Blazor RangeSlider -概述
  • 定制

    此控件有多个自定义选项。例子包括:

    • 控制最小,最大和步进值

    • 控制组件的方向(垂直或水平)

    • 指定两个滴答声之间的距离

    • 设置值四舍五入的位数

    Telerik UI Blazor RangeSlider -定制
  • 范围滑块标签模板

    该控件允许您更改沿栏呈现标签的方式,以近似于应用程序样式。要做到这一点很简单,只需向RangeSlider提供一个带有所需布局的HTML模板。

    探索Blazor RangeSlider标签模板
    Telerik UI Blazor RangeSlider标签模板
  • 事件

    StartValueChanged和EndValueChanged事件分别在更改开始值或结束值后被触发。
    Telerik UI Blazor事件
  • Blazor范围滑块主题

    Telerik Blazor范围滑块组件有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。您可以轻松地自定义任何开箱即用的主题,样式一个特定的组件实例属性创建新的主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序
    范围滑动棒——主题
  • 键盘导航

    当RangeSlider有焦点时,您可以使用键盘导航并选择所需的值。方向键和PageUp/PageDown键移动当前选定范围的一端,Home/ end将两端设置为预定义的最小值或最大值,Tab键可以帮助您在范围的两端之间切换。
    Telerik UI Bazor键盘导航
  • 全球化

    Telerik Blazor RangeSlider组件检测用户的当前位置,并自动更新数字格式以匹配用户的设置。看到全球化的演示为例子。
    Telerik UI的开拓者全球化和本地化

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map