MVC Kendo总结之-----> NumericTextBox

<div style="border:1px solid blue;width:80%;height:30%;display:inline-block;">
   @(Html.Kendo().NumericTextBox()
      .Name("insigniaNumericTextBox")
      .Value(10)
      .Max(1000)
      .Min(-100)
      .Step(10)
      .Format("c")
      .DecreaseButtonTitle("Decrease")
      .IncreaseButtonTitle("Increase")
   )
</div>

常用配置：

Name：设置控件的名称，类似于HTML中的ID，唯一的；

Value：设置控件的默认值；

Max：设置控件的最大值；

Min：设置控件的最小值；

Step：设置控件每次增加或减少的步长；

Format：设置控件显示的格式，常用的有c（货币形式）、n（数值形式）和p（百分比形式）

DecreaseButtonTitle：设置鼠标放在增加控件值的按钮上所显示的文本

IncreaseButtonTitle：设置鼠标放在减少控件值的按钮上所显示的文本

常用方法：

enable：设置控件是否可用；

$("#insigniaNumericTextBox").data("kendoNumericTextBox").enable(true);//可用

$("#insigniaNumericTextBox").data("kendoNumericTextBox").enable(false);//不可用

readonly：设置控件是否只读；

$("#insigniaNumericTextBox").data("kendoNumericTextBox").readonly(true);//只读（不仅不能输入，就连添加或减少控件值的两个按钮也不能使用）

$("#insigniaNumericTextBox").data("kendoNumericTextBox").readonly(false);//非只读（能输入，添加或减少控件值的两个按钮也可以使用）

$("#insigniaNumericTextBox").data("kendoNumericTextBox").wrapper.find("input").prop("readonly",true);//只读（不能输入，添加或减少控件值的两个按钮可以使用）

$("#insigniaNumericTextBox").data("kendoNumericTextBox").wrapper.find("input").prop("readonly",false);//非只读（能输入，添加或减少控件值的两个按钮也可以使用）

max：获取或设置控件的最大值：

$("#insigniaNumericTextBox").data("kendoNumericTextBox").max();//获取最大值

$("#insigniaNumericTextBox").data("kendoNumericTextBox").max(100);//设置最大值

min：获取或设置控件的最小值：

$("#insigniaNumericTextBox").data("kendoNumericTextBox").min();//获取最小值

$("#insigniaNumericTextBox").data("kendoNumericTextBox").min(-100);//设置最小值

step：获取或设置控件添加或减少的步长：

$("#insigniaNumericTextBox").data("kendoNumericTextBox").step();//获取步长

$("#insigniaNumericTextBox").data("kendoNumericTextBox").step(1);//设置步长

value：获取或设置控件值：

$("#insigniaNumericTextBox").data("kendoNumericTextBox").value();//获取值

$("#insigniaNumericTextBox").data("kendoNumericTextBox").value(50);//设置值

常用事件：

change：控件值改变的时候触发，用户输入或者通过按钮改变值都会触发；

spin：通过按钮改变控件值的时候触发，若是用户直接输入则不触发；

其他方法：

改变框中字体颜色：

$("#insigniaNumericTextBox").data("kendoNumericTextBox").wrapper.find("input").css("color","blue");