ASP。NET Core Slider概述

滑块是Telerik UI for ASP。网络核心，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

Telerik UI滑动器TagHelper和HtmlHelper。网络核心are server-side wrappers for the Kendo UI Slider widget.

滑动器为选择数值提供了丰富的输入。滑动条可以显示一个句柄和两个相对的按钮，用于选择单个数值，也可以显示两个句柄，用于定义数值范围。与HTML5范围输入不同的是，Slider支持跨浏览器的一致体验，并提供丰富的API调用和事件模型。

• 滑动条HtmlHelper的演示页面

• 滑动条TagHelper的演示页面

初始化滑块

下面的例子演示了如何定义滑块。

@(Html.Kendo(). slider (). name ("slider") //滑动条的名称是必选项。. min(0) //设置滑块的最小值。. max(100) //设置滑块的最小值。. value(20) //设置滑块的值。)@(Html.Kendo().RangeSlider() .Name("rangeslider") .Min(0) .Max(10) .SmallStep(1) .LargeStep(10)))

基本配置

滑块配置选项作为属性传递。

@(Html.Kendo().Slider() .Name("slider") . increebuttontitle ("Right") . reducebuttontitle ("Left") .Min(0) .Max(30) .SmallStep(1) .LargeStep(10) .Value(18) .HtmlAttributes(new {@class = "temperature"}))

事件

您可以订阅所有Slider事件。有关基本滑块事件的完整示例，请参阅演示如何使用滑动条的事件．

按处理程序名称处理

下面的示例演示如何通过处理程序名称订阅事件。

@(Html.Kendo(). slider (). name ("slider") . events (e => e . change("change") . slide ("slide")))