kendo ui numeric textbox

kendo ui numeric textbox

Hello everyone, I am going to share the code sample for kendo ui numeric textbox for select the numeric value by changing and spinning the textbox.






Table of Contents

1. MVC 5 code sample for Kendo ui numeric textbox
2. HTML and jQuery code sample for kendo ui numeric textbox            

MVC 5 kendo ui numeric text-box 

 @(Html.Kendo().NumericTextBox()
       .Name("txtMonthSelection")
       .Value(6)
       .Min(0)
       .Max(100)
       .Format("p0")
       .Events(m => m.Change("onChangeText"))
 )

<script type="text/javascript">
    function onChangeText() {
        console.log(1);
    }
</script>


jQuery kendo ui numeric text-box

HTML code

<input id="txtMonthSelection" />

JavaScript code

<script type="text/javascript">
    $(document).ready(function () {
        $("#txtMonthSelection").kendoNumericTextBox({
            value: 6,
            min: 0,
            max: 100,
            format: "p0",
            decimals: 2
        });
    });
</script>
ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
http://www.code-sample.com
http://www.code-sample.xyz

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.