Numberbox Work flow

Bindable Properties

1. inputMdl
2. options
3. type
4. otherInfo
5. extDisabled
6. style
7. evtBlurCallback
8. evtKeyUpCallback
9. evtEnterKeyUpCallback
10. validateCallback

Overview

• Shows number box.

Features/Functionality

• Value will be set on blur in inputMdl variable passed.
• Disabled numberbox is shown if disable is true.
• Blur event callback will called on blur.
• Component is container responsive.
• It is cross browser compatible. (IE11, Edge, Firefox, chrome)

Defaults

• If type is not given, it is taken as integer.
• Numberbox's
  • width: 100px
  • height: 35px

Breakdown

• Numberbox div will take full width of component's main div.
• A custom class can be applied to numberbox to override css.
• If inputMdl has value, then default value will be shown.
• Entered/Selected value will be set in inputMdl on blur.
• Validations will be done on blur.
• Value will be parsed. If any string is given it is taken as 0.
• Blur event callback will be called, disabled is false.
• On css override
  • .cst-number-box-container-override : Container Class
  • .cst-number-box-element-override: Element Class