Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

mmm-client-ui-widget: implement UiWidgetListTable #50

Closed
hohwille opened this issue Apr 11, 2013 · 2 comments
Closed

mmm-client-ui-widget: implement UiWidgetListTable #50

hohwille opened this issue Apr 11, 2013 · 2 comments
Assignees
Labels
Milestone

Comments

@hohwille
Copy link
Member

UiWidgetListTable is to be implemented. This will be tough especially for web (GWT). We have to consider the following requirements:

  • Support for scrolling tbody vertically as needed and the entire table horizontally.
  • Ability to scale the size of the entire table with the available size (without javascript layout managers)
  • Abilitly for the user to sort by column (via clicking on column header)
  • Ability for the user to resize columns (with e-resize cursor on the fly by dragging the right border of the column)
  • Ability for the user to reorder columns with drag and drop via column header
  • Ability for inline editing
  • Ability for multiple selection with checkboxes
  • Keyboard support to step through the column headers and cells with cursor keys
  • Accessibility support via WAI-ARIA
  • For large datasets it may be required that we only render the visible part and update lazily while scrolling
@ghost ghost assigned hohwille Apr 11, 2013
hohwille added a commit that referenced this issue Jan 6, 2014
hohwille added a commit that referenced this issue Jan 26, 2014
therefore added generic code for hashing and equals
hohwille added a commit that referenced this issue Jan 27, 2014
still not working properly in field widget adapter due to attaching
focus listener what creates the EDIT widget
hohwille added a commit that referenced this issue Jan 29, 2014
setViewOnly). Improved way to determine type (Class) of cell.
#85 some improvements via lightweight fields (setViewOnly)
hohwille added a commit that referenced this issue Feb 3, 2014
hohwille added a commit that referenced this issue Feb 15, 2014
#87 added convertValueToString(VALUE) for widgets and implemented
properly for password fields, etc.
#85 removed setViewOnly method and use convertValueToString for data
tables, discussion still open...
@hohwille
Copy link
Member Author

Great progress after long fight with HTML(5) and CSS. Now working:

  • list table with column model
  • tbody scrollable
  • columns resizable
  • columns sortable
  • showing of sort order via CSS icon
  • content of columns is clipped when to narrow using text-overflow: ellipsis
  • setting min/max width for column honored by resizing

Still lots of things to do:

  • inline editing (should be quite easy to implement now)
  • hover text for headers and cells to show full text (useful if clipped), configurable via API
  • grouping of headers
  • tab/focus management for keyboard control
  • horizontal scrolling
  • tfooter support including summary functions
  • accessibility/aria support for screenreaders
  • special features (all cells editable, custom editor e.g. via Popup, custom styles for cells, etc.)

hohwille added a commit that referenced this issue Apr 8, 2014
handler improvements
validation update
#50: some small improvements
@hohwille
Copy link
Member Author

hohwille commented May 5, 2015

Moved. See:
hohwille/client#11

@hohwille hohwille closed this as completed May 5, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant