diff --git a/public/js/components/Stv/Studentenverwaltung/List.js b/public/js/components/Stv/Studentenverwaltung/List.js index 6b262560f..f3e1b1bc0 100644 --- a/public/js/components/Stv/Studentenverwaltung/List.js +++ b/public/js/components/Stv/Studentenverwaltung/List.js @@ -60,11 +60,11 @@ export default { {title:"GeburtsdatumISO", field:"geburtsdatum_iso", visible:false}, ], - layout: 'fitDataFill', + layout: 'fitDataStretch', layoutColumnsOnNewData: false, - height: 'auto', + height: '100%', selectable: true, - // TODO(chris): select only one? selectMultiple with click? + selectableRangeMode: 'click', index: 'prestudent_id', persistence: true }, @@ -126,7 +126,12 @@ export default { case 'Enter': case 'Space': e.preventDefault(); - this.$refs.table.tabulator.rowManager.findRow(this.focusObj).component.toggleSelect(); + const e2 = new Event('click', e); + e2.altKey = e.altKey; + e2.ctrlKey = e.ctrlKey; + e2.shiftKey = e.shiftKey; + this.focusObj.dispatchEvent(e2); + //row.component.toggleSelect(); break; case 'ArrowUp': e.preventDefault(); @@ -159,6 +164,9 @@ export default { } }, onFocus(e) { // TODO(chris): this should be in the filter component + if (e.target.classList.contains('tablulator-container')) { + this.focusObj = this.changeFocus(e.target, e.target.querySelector('.tabulator-row')); + } if (e.target.classList.contains('tabulator-tableholder')) { this.focusObj = this.changeFocus(e.target, e.target.querySelector('.tabulator-row')); } @@ -167,20 +175,21 @@ export default { // TODO(chris): focusin, focusout, keydown and tabindex should be in the filter component // TODO(chris): filter component column chooser has no accessibilty features template: ` -
- - +
+
+ + +
` }; \ No newline at end of file