A textbox widget that enables a user to enter numeric values.

Type: Object

The dxNumberBox widget allows a user to enter a number between the specified min and max configuration option values. The current widget value is specified by the value option.

Declare an observable variable and pass it to the value option to update the variable each time the widget value changes.

var number = ko.observable(0);

To create the dxNumberBox widget, add a div element with dxNumberBox Knockout binding within the body of the required view.

<div data-bind="dxNumberBox:{min:0, max:100, value:number}"></div>

The following demo illustrates how to create a widget without creating an HtmlApplication, a view, or a layout. Refer to the Add a widget documentation section to learn how to create widgets within views in a PhoneJS application.

Show Example:


An object defining configuration options for the dxNumberBox widget.


This section describes the members used to manipulate the widget.