[TOBAGO-2159] New Select Component <tc:selectManyList>

• Type: New Feature
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: 5.3.0
• Fix Version/s: 5.4.0
• Component/s: Themes
• Assignee: Henning Nöth
• Reporter: Marcus Kroeger
• Due: 04/Nov/22
• Created: 20/Oct/22 09:14
• Updated: 12/Dec/22 07:43
• Resolved: 08/Dec/22 11:07

Description

It would be great to have a component like 

https://www.primefaces.org/showcase/ui/input/oneMenu.xhtml?jfwid=6c170

as well as

https://www.primefaces.org/showcase/ui/input/manyMenu.xhtml?jfwid=c8baa

in both cases the "Advanced" version

Brainstorming:

• Names: <tc:selectOne> and <tc:selectMany> (without suffix, or with suffix "Table", or "Filter", or "Menu", or "List" ?)
• filter as an option
• filtering can use "contains", "prefix" or other customizable filters (filtering works with DOM element of the item)
• dropdown and line - both mode should be possible with both components
• rendered in HTML as a <table>, to have a structured well readable data list, if more than one attribute to show
• <tc:selectMany> will display the selected items like badges in the input field - the items in the list might be highlighted

 

todo:

• filter (prefix, contains)
• inline
• add/remove badges
• disabled component
• disabled options
• fix focus
• styling for selected rows
• add dropdown-menu to menuStore
• select options with keyboard
• filter (custom)
• events
• hint if filter result is empty
• <tc:style maxHeight> must work with inline=true

Issue Links

• duplicates: TOBAGO-2161 Add AutoSuggest with multi select
• is cloned by: TOBAGO-2179 New Select Component <tc:selectOneList>
• relates to: TOBAGO-2080 Dropdown list with filtering