Dropdown Work flow

Bindable Properties

1. items
2. inputId
3. readableItem
4. options
5. validations
6. otherInfo
7. extDisabled
8. evtChangeCallback

Overview

• Shows dropdown.

Features/Functionality

• Value will be set in the object passed.
• Disabled dropdown is shown if disabled is true.
• Change callback will called on change.
• Component is responsive.
• It is cross browser compatible. (IE11, Edge, Firefox, chrome).

Defaults

• No defaults will be taken.
• Dropdown Elm's -
  • width : 250px;
  • height : 50px;
• inputId can be integer or string, based in options.propId.

Breakdown

• If items is not there or is an empty array, then No data message will be shown.
• If id's are not there, then also no data message will be shown.
• In design, if label is not there, id will be shown.
• On page load, selected item will be set based on inputId.
• On change
  • If disabled is false, change dropdown value.
  • Change callback will be called.
• On css override
  • .cst-dropdown-container-override: Container Class
  • .cst-dropdown-element-override: Element Class
• If we pass readableItem as blank object, we will get selected object in readableItem.