NumericTextBox - hide spinners

by krustev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<input id="initial" /><br />
<input id="initial2" value="10" readonly="readonly" />

CSS

.expand-padding
{
 padding-right : 2px;
}

JavaScript

//hide spinners;
var numeric = $("#initial").kendoNumericTextBox({
    min: 0,
    max: 100,
    step:1,
    value:25
}).data("kendoNumericTextBox");

numeric.wrapper
       .find(".k-numeric-wrap")
       .addClass("expand-padding")
       .find(".k-select").hide();

//disable spinners;
var numeric2 = $("#initial2").kendoNumericTextBox().data("kendoNumericTextBox");

numeric2.wrapper.find(".k-link")
        .addClass("k-state-disabled").unbind("mousedown");

numeric2.element.unbind("keydown");