Welcome to MenuOptions

MenuOptions was created for one reason:

To reduce - to an absolute minimum - the # of keystrokes and clicks required for data entry & navigation.

What it looks like:

Features:

• Input masking
• multi-column autcomplete
• menu system based on JSON
• rocker control
• auto-configuration

Other benefits:

• uses color highlighting to show autocomplete matches
• mouseover filtering to reduce choices
• it can utilize data from a variety of JSON types (array, array of arrays, single object, array of objects)
• the value associated with with the label string is saved in the input element automatically (in the menu_opt_key - no need to manually update a hidden field)

Prerequisites:

• jQuery version >=1.9
• jQuery ui version >= 1.10
• download MenuOptions from git
• download MenuOptions from npm

See the live examples

at MenuOptions.org

Contents:

• Quick start instructions
  • Installation
  • Quick start to create an input mask
  • Quick start to create menu
  • Quick start to create select drop down
• Masks
  • How pre-defined masks work
  • Mask key specifications
    • Help
  • User defined Masks
    • Requirements for user defined masks
    • Example
    • Whole (required)
    • HelpMsg (optional)
    • FixedLen (optional)
  • Pre-defined masks
    • YYYYMMDD
    • Mon DD, YYYY
    • USphone
    • HH:MM AM
    • Money
• Parameters specifications for menus
  • Parameter list for menus
  • Parameters explained for menus
    • BootMenuOfs
    • ColumnCount
    • Data
    • Filters
    • MenuOptionsType
    • ShowAt
    • ShowDownArrow
    • Sort
    • Width
    • Window
• Parameters specifications for multi-column autocomplete
  • Parameter list for multi-column autocomplete
  • Parameters explained for MenuOption multi-column autocomplete
    • ClearBtn
    • ColumnCount
    • Data
    • DataKeyNames
    • Disabled
    • DisableHiLiting
    • Filters
    • Height
    • Help
    • InitialValue
    • Justify
    • MenuOptionsType
    • onSelect
    • PlaceHolder
    • SelectOnly
    • ShowAt
    • Sort
    • UseValueForKey
    • UserInputAllowed
    • Width
• User methods
  • add_menuoption_key [ deprecated ]
  • set_select_value [ deprecated ]
  • call MenuOptions with no parameters (replaces set_select_value)
  • refreshData [ deprecated ]
  • [resetting MenuOptions data] (replaces refreshData)
• Using MenuOptions select with serialize
  • Pass output of serialize() to re_serialize()
• Using dividers in a menu
  • Rules to use a divider
• Using Filters in a menu or select list
  • How Filters work
  • Using a plain text filter
  • Using a regular expression (RegExp) filter
• FAQ
  • How do I reset the options in MenuOptions
  • What do you mean auto-configuration?
  • What is the menu_opt_key?
  • When I use jQuery.empty(), the widget does not get removed. How do I fix this?
  • I pasted data into a MenuOptions mulit-column autocomplete and now have errors when saving
  • How would I reset (clear the data from) all MenuOptions multi-column autocomplete and Rocker controls?
  • The clear button (or ‘X’) is not aligned correctly
  • How do I display text and have a hidden value, like the HTML select control?
  • When I hit enter in a MenuOptions select, it does not submit the form
  • How can I create a vertical scroll bar for large lists?
  • When I enter certain characters in a MenuOptions mulit-column autocomplete they disappear, why?
  • Can I use ‘special’ characters in a MenuOptions mulit-column autocomplete ( parens, curly braces )?
  • Why do we need another input widget?
    • Features:
• Change Log
  • 1.7.1-3
  • 1.7.1-7
    • Path to static files has changed:
    • ShowDownArrow is no longer true or false
  • 1.7.3-15
  • 1.7.4-7
  • 1.8.0

Indices and tables

• Index
• Module Index
• Search Page