如何將模型值綁定到kendo.ui.Slider？

Question

我在下面我的MVC應用程序中使用kendo.ui.Slider：

@(Html.Kendo().Slider() 
       .Name("slider") //The name of the slider is mandatory. It specifies the "id" attribute of the widget. 
       .Min(0) //Set min value of the slider 
       .Max(100000) //Set min value of the slider 
       .Value(50000) //Set the value of the slider 
       .SmallStep(1000) 
       .LargeStep(10000) 
       .HtmlAttributes(new { style = "width:700px;" }) 
         .Tooltip(tooltip => 
         { 
          tooltip.Format("{0:n0}"); 
         }) 
       .Events(e => 
         { 
          e.Change("sliderOnChange"); 
         }) 
      ) 
      <script> 
       function sliderOnChange(e) { 
        var slider = $("#slider").data("kendoSlider"); 
        var sliderValue = slider.value(); 
        alert(sliderValue); 
       } 
      </script> 

我怎樣才能綁定模型值，而不是（.value的（50000））在這裏分配靜態價值？

Answer 1

型號

如果你有一個模型，具體如下：上述

public class AModel 
{ 
    public int? Percentage { get; set; } 
} 

允許的財產，以對模型的動作中進行設置。

然後，您可以使用一個SliderFor而非Slider

查看

@(Html.Kendo().SliderFor(m => m.Percentage) 
       .Min(0) //Set min value of the slider 
       .Max(100000) //Set min value of the slider 
       .SmallStep(1000) 
       .LargeStep(10000) 
       .HtmlAttributes(new { style = "width:700px;" }) 
         .Tooltip(tooltip => 
         { 
          tooltip.Format("{0:n0}"); 
         }) 
       .Events(e => 
         { 
          e.Change("sliderOnChange"); 
         }) 
      ) 

通知的去除Name財產及以上Value制定者。

由於Percentage屬性在您的視圖模型中定義，因此它會自動呈現爲Slider的Name屬性。

這使得模型粘合劑把它撿起來，併發布你的模型對象中的設定值。