在Kendo NumericTextBox中添加正号

时间:2014-06-17 20:08:15

标签: asp.net-mvc kendo-ui kendonumerictextbox

我有一个Kendo NumericTextBox。此文本框允许正数和负数。

正如预期的那样,负数有一个' - '前缀。

是否可以在' +'前加上前缀关于正数?

我使用的是ASP.NET MVC 5.这是一个代码示例:

@Html.Kendo().NumericTextBoxFor(model => model.PositveNegative).Step(0.25f)

对此的任何帮助将不胜感激。

感谢。

阿布拉

2 个答案:

答案 0 :(得分:0)

您可以使用Change and Spin事件处理程序。 以下是javascript版本中的代码。

$("#inputID").kendoNumericTextBox({
                        format: "+#",
                        change: function() {
                          var value = this.value();                             
                          if(value>0) this.options.format="+#";
                          else this.options.format="#";

                        },
                       spin: function() {
                          var value = this.value();
                          if(value>0) this.options.format="+#";
                          else this.options.format="#";
                      }
                    });

答案 1 :(得分:0)

以Cocococo先生的答案为出发点是MVC包装版本:

 @(Html.Kendo().NumericTextBox().Name("Test").Step(0.25f)
.Events(events => events.Change("Testing").Spin("Testing"))
  )




    <script>

        function Testing()
        {

            var numeric = $("#Test").val();

            if (numeric > 0)
            {
                $("#Test").kendoNumericTextBox({ format: "+##.##", decimals: 2 });
            }
            else
            {
                $("#Test").kendoNumericTextBox({ format: "##.##", decimals: 2 });

            }
            console.log(numeric);
        }

    </script>

这适用于键入或使用微调器,并且应该为您提供所需的结果。