verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 80 Releases Wiki Activity

Merge branch 'dev' of https: refs #8224//gitea.verdnatura.es/verdnatura/salix-front into 8224-contextMenu
gitea/salix-front/pipeline/pr-dev This commit is unstable Details

This commit is contained in:
Alex Moreno 2025-04-29 08:59:07 +02:00
parent b911211000 9528048b5f
commit d0f4f77640
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/VnTable/VnTable.vue
View File

@ -216,7 +216,7 @@ onBeforeMount(() => {
}); });
onMounted(async () => { onMounted(async () => {
if ($props.isEditable) document.addEventListener('click', clickHandler); if ($props.isEditable) document.addEventListener('mousedown', mousedownHandler);
document.addEventListener('contextmenu', (event) => { document.addEventListener('contextmenu', (event) => {
event.preventDefault(); event.preventDefault();
contextMenuRef.value.handler(event); contextMenuRef.value.handler(event);
@ -243,7 +243,7 @@ onMounted(async () => {
}); });
onUnmounted(async () => { onUnmounted(async () => {
if ($props.isEditable) document.removeEventListener('click', clickHandler); if ($props.isEditable) document.removeEventListener('mousedown', mousedownHandler);
document.removeEventListener('contextmenu', {}); document.removeEventListener('contextmenu', {});
}); });
@ -392,7 +392,7 @@ function hasEditableFormat(column) {
if (isEditableColumn(column)) return 'editable-text'; if (isEditableColumn(column)) return 'editable-text';
} }
const clickHandler = async (event) => { const mousedownHandler = async (event) => {
const clickedElement = event.target.closest('td'); const clickedElement = event.target.closest('td');
const isDateElement = event.target.closest('.q-date'); const isDateElement = event.target.closest('.q-date');
const isTimeElement = event.target.closest('.q-time'); const isTimeElement = event.target.closest('.q-time');
@ -415,6 +415,7 @@ const clickHandler = async (event) => {
} }
if (isEditableColumn(column)) { if (isEditableColumn(column)) {
event.preventDefault();
await renderInput(Number(rowIndex), colField, clickedElement); await renderInput(Number(rowIndex), colField, clickedElement);
} }
}; };