Browse Source

树形表格点击事件入参修复

main
likunming 6 months ago
parent
commit
2253927da3
  1. 5
      io.sc.platform.core.frontend/src/platform/components/grid/GridBody.vue
  2. 15
      io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue

5
io.sc.platform.core.frontend/src/platform/components/grid/GridBody.vue

@ -16,6 +16,7 @@
:set-old-value="setOldValue" :set-old-value="setOldValue"
:no-data-tr-colspan="noDataTrColspan" :no-data-tr-colspan="noDataTrColspan"
:updates="updates" :updates="updates"
:row-index="scope.rowIndex"
></TreeGridRow> ></TreeGridRow>
</template> </template>
<template v-else> <template v-else>
@ -24,8 +25,8 @@
:class="props.scope.row[table.selectedField] ? 'selected' : ''" :class="props.scope.row[table.selectedField] ? 'selected' : ''"
:props="props.scope" :props="props.scope"
:draggable="draggableComputed" :draggable="draggableComputed"
@click.stop="rowClick($event, scope.row, scope.rowIndex)" @click.stop="props.rowClick($event, scope.row, scope.rowIndex)"
@dblclick.stop="rowDbClick($event, scope.row, scope.rowIndex)" @dblclick.stop="props.rowDbClick($event, scope.row, scope.rowIndex)"
@dragleave="draggableComputed ? onDragLeave($event) : () => {}" @dragleave="draggableComputed ? onDragLeave($event) : () => {}"
@dragover="draggableComputed ? onDragOver($event, scope) : () => {}" @dragover="draggableComputed ? onDragOver($event, scope) : () => {}"
@drop="draggableComputed ? onDrop($event, scope) : () => {}" @drop="draggableComputed ? onDrop($event, scope) : () => {}"

15
io.sc.platform.core.frontend/src/platform/components/grid/TreeGridRow.vue

@ -3,8 +3,8 @@
ref="trRef" ref="trRef"
:class="row[table.selectedField] ? 'selected ' : ''" :class="row[table.selectedField] ? 'selected ' : ''"
:draggable="draggableComputed" :draggable="draggableComputed"
@click.stop.prevent="click($event, row, row.rowIndex)" @click.stop.prevent="click($event, row, props.rowIndex)"
@dblclick.stop.prevent="dbClick($event, row, row.rowIndex)" @dblclick.stop.prevent="dbClick($event, row, props.rowIndex)"
@dragleave="draggableComputed ? onDragLeave($event, row) : () => {}" @dragleave="draggableComputed ? onDragLeave($event, row) : () => {}"
@dragover="draggableComputed ? onDragOver($event, row) : () => {}" @dragover="draggableComputed ? onDragOver($event, row) : () => {}"
@drop="draggableComputed ? onDrop($event, row) : () => {}" @drop="draggableComputed ? onDrop($event, row) : () => {}"
@ -106,7 +106,7 @@
:set-old-value="props.setOldValue" :set-old-value="props.setOldValue"
:no-data-tr-colspan="props.noDataTrColspan" :no-data-tr-colspan="props.noDataTrColspan"
></GridEditToolbar> ></GridEditToolbar>
<template v-for="child in row.children" :key="child[rowKey]"> <template v-for="(child, index) in row.children" :key="child[rowKey]">
<TreeGridRow <TreeGridRow
v-if="row.expand" v-if="row.expand"
:columns-map="props.columnsMap" :columns-map="props.columnsMap"
@ -124,6 +124,7 @@
:set-old-value="props.setOldValue" :set-old-value="props.setOldValue"
:no-data-tr-colspan="props.noDataTrColspan" :no-data-tr-colspan="props.noDataTrColspan"
:updates="props.updates" :updates="props.updates"
:row-index="index"
></TreeGridRow> ></TreeGridRow>
</template> </template>
</template> </template>
@ -158,6 +159,7 @@ const props = defineProps({
}, },
}, },
rowKey: { type: String, default: '_rowKey_' }, rowKey: { type: String, default: '_rowKey_' },
rowIndex: { type: Number, default: undefined },
grid: { grid: {
type: Object, type: Object,
default: () => { default: () => {
@ -694,12 +696,7 @@ const click = (evt, row, rowIndex) => {
} }
}; };
const dbClick = (evt, row, rowIndex) => { const dbClick = (evt, row, rowIndex) => {
props.gridRowDbClick({ props.gridRowDbClick(evt, row, rowIndex);
grid: props.grid,
evt: evt,
row: row,
index: rowIndex,
});
}; };
const setComponentRef = (el, row, col) => { const setComponentRef = (el, row, col) => {

Loading…
Cancel
Save