1
0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-06-05 22:09:38 +02:00

fix(datatable): 🐛 Deseleziona tutto non deseleziona le righe

This commit is contained in:
Maicol Battistini
2021-12-03 15:19:25 +01:00
parent 3ce5e635b9
commit 8206afe3bb

View File

@@ -55,11 +55,10 @@ export default class TableColumn extends Component {
super.oncreate(vnode); super.oncreate(vnode);
if (this.attrs.get('type') === 'checkbox') { if (this.attrs.get('type') === 'checkbox') {
window.vnode = $(vnode.dom); const checkbox = $(this.element)
const checkbox = $(vnode.dom) .children('.mdc-data-table__header-row-checkbox');
.children('mwc-checkbox');
checkbox.on('change', () => this.onCheckboxClicked.bind(this)); checkbox.on('change', this.onCheckboxClicked.bind(this));
} }
// Handle click on column (add arrows) // Handle click on column (add arrows)
@@ -72,14 +71,19 @@ export default class TableColumn extends Component {
$(this.element).find('.mdc-data-table__filter-textfield').on('input', this.onFilterInput.bind(this)); $(this.element).find('.mdc-data-table__filter-textfield').on('input', this.onFilterInput.bind(this));
} }
onCheckboxClicked() { onCheckboxClicked(event: Event) {
const row: Cash = $(this.element) const row: Cash = $(this.element)
.closest('table') .closest('table')
.find('tbody tr[checkable]'); .find('tbody tr[checkable]');
row.addClass('mdc-data-table__row--selected'); const selectedClass = 'mdc-data-table__row--selected';
if (event.target.checked) {
row.addClass(selectedClass);
} else {
row.removeClass(selectedClass);
}
row.find('mwc-checkbox').prop('checked', checkbox.prop('checked')); row.find('mwc-checkbox').prop('checked', event.target.checked);
} }
onClassChanged(mutations: MutationRecord[]) { onClassChanged(mutations: MutationRecord[]) {