Guidelines
    Overview
  • Welcome to RamBase Guidelines
  • Applications and components
  • RamBase client overview
    Design guidelines
  • Colors & borders
  • Layout
    • Standard layouts
  • RamBase Application overview
    • Context menu
    • Expanders
    • Splitter
    • Tab controller
    Development guidelines
  • Setup environment
  • Creating applications
    • Creating your first application
    • AppEditor
    • Context menu
  • Creating components
    • Creating your first component
    • Component layout
    • Component data service
    • Keyboard handling
  • APIs
    UI Elements
  • Alertbox
  • Button
  • Checkbox
  • Complex dropdown
  • Date
  • Datetime
  • Dropdown
  • Email
  • Grid
  • Icons
  • Navigate
  • Number
  • Password
  • Popover
  • Popup
  • Progressbar
  • Radiobutton
  • Textarea
  • Textfield
  • Toastr
  • Treeview

Complex dropdown


UI element for presenting complex dropdown

  • Development guideline

Example of a typical complex dropdown:

The script template can contain any markup, but typically this will be a rb-grid. The grid properties are described under the section Component Ui Elements - Grid.
hidePopover() is used for closing the popover programatically.


Attributes


  • attr-component: Name of the component that will be displayed inside the popover. Se seperate section about complex dropdowns with component.
  • attr-params: The parameters that will be send to the component. Se seperate section about complex dropdowns with component.
  • ng-model: The value that will be displayed in the input field
  • metadata-model: Specify this if you need to get metadata from another field than the ng-model field
  • attr-placement: Specifies the popover placement (bottom/top | left/right). This will be overridden by the framework if the popover overflows the window size
  • attr-template: Reference to the script template which will be displayed inside the popover
  • attr-placeholder: Placeholder in the input field
  • attr-focus: Sets focus in the input field when the vm.setFocus value is true
  • attr-onkeydown: Event triggered from keypress in the input field
  • attr-disabled: Disable the input field

Complex dropdown with component


It is also possible to re-use the lookupcomponent for a complex dropdown.

N/A