vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

#1041 for table cell edit

pull/1047/head
Cagatay Civici 2021-03-02 13:17:11 +03:00
parent 8556e83fbb
commit da96cba95a
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/datatable/BodyCell.vue
View File

@ -31,8 +31,7 @@
</template> </template>
<script> <script>
import {DomHandler} from 'primevue/utils'; import {DomHandler,ObjectUtils,OverlayEventBus} from 'primevue/utils';
import {ObjectUtils} from 'primevue/utils';
import RowRadioButton from './RowRadioButton.vue'; import RowRadioButton from './RowRadioButton.vue';
import RowCheckbox from './RowCheckbox.vue'; import RowCheckbox from './RowCheckbox.vue';
import Ripple from 'primevue/ripple'; import Ripple from 'primevue/ripple';
@ -126,7 +125,7 @@ export default {
bindDocumentEditListener() { bindDocumentEditListener() {
if (!this.documentEditListener) { if (!this.documentEditListener) {
this.documentEditListener = (event) => { this.documentEditListener = (event) => {
if (this.isOutsideClicked()) { if (!this.selfClick) {
this.completeEdit(event, 'outside'); this.completeEdit(event, 'outside');
} }
this.selfClick = false; this.selfClick = false;
@ -145,9 +144,7 @@ export default {
switchCellToViewMode() { switchCellToViewMode() {
this.d_editing = false; this.d_editing = false;
this.unbindDocumentEditListener(); this.unbindDocumentEditListener();
}, OverlayEventBus.off('overlay-click', this.eventBusKey);
isOutsideClicked() {
return !this.selfClick;
}, },
onClick(event) { onClick(event) {
if (this.editMode === 'cell' && this.isEditable()) { if (this.editMode === 'cell' && this.isEditable()) {
@ -157,6 +154,12 @@ export default {
this.d_editing = true; this.d_editing = true;
this.bindDocumentEditListener(); this.bindDocumentEditListener();
this.$emit('cell-edit-init', {originalEvent: event, data: this.rowData, field: this.columnProp('field'), index: this.index}); this.$emit('cell-edit-init', {originalEvent: event, data: this.rowData, field: this.columnProp('field'), index: this.index});
OverlayEventBus.on('overlay-click', e => {
if (this.$el && this.$el.contains(e.target)) {
this.selfClick = true;
}
}, this.eventBusKey);
} }
} }
}, },
@ -321,6 +324,9 @@ export default {
let columnStyle = this.columnProp('style'); let columnStyle = this.columnProp('style');
return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject]: [columnStyle, bodyStyle]; return this.columnProp('frozen') ? [columnStyle, bodyStyle, this.styleObject]: [columnStyle, bodyStyle];
},
eventBusKey() {
return this.columnProp('field') + '_' + this.index;
} }
}, },
components: { components: {