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

Popover: DT demo updates

pull/6364/head
tugcekucukoglu 2024-09-09 20:22:20 +03:00
parent 78b8c8330a
commit 627a932ab2
1 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
apps/showcase/doc/popover/DataTableDoc.vue
View File

@ -180,17 +180,16 @@ export default {
},
methods: {
displayProduct(event, product) {
if (this.selectedProduct?.id === product.id) {
this.$refs.op.hide();
if (this.selectedProduct?.id === product.id) {
this.selectedProduct = null;
} else {
this.selectedProduct = product;
this.$refs.op.show(event);
// will not be needed with v4.0.6 as Popover will auto align
if (this.$refs.op.container) {
this.$refs.op.alignOverlay();
}
this.$nextTick(() => {
this.$refs.op.show(event);
});
}
},
hidePopover() {
@ -269,7 +268,7 @@ export default {
</template>
<script setup>
import { ref, onMounted } from "vue";
import { ref, onMounted, nextTick } from "vue";
import { useToast } from "primevue/usetoast";
import { ProductService } from '@/service/ProductService';
@ -282,17 +281,16 @@ const products = ref();
const selectedProduct = ref();
const displayProduct = (event, product) => {
if (selectedProduct.value?.id === product.id) {
op.value.hide();
if (selectedProduct.value?.id === product.id) {
selectedProduct.value = null;
} else {
selectedProduct.value = product;
op.value.show(event);
// will not be needed with v4.0.6 as Popover will auto align
if (op.value.container) {
op.value.alignOverlay();
}
nextTick(() => {
op.value.show(event);
});
}
}
@ -341,16 +339,16 @@ const getSeverity = (product) => {
},
methods: {
displayProduct(event, product) {
if (this.selectedProduct?.id === product.id) {
this.$refs.op.hide();
if (this.selectedProduct?.id === product.id) {
this.selectedProduct = null;
} else {
this.selectedProduct = product;
this.$refs.op.show(event);
if (this.$refs.op.container) {
this.$refs.op.alignOverlay();
}
this.$nextTick(() => {
this.$refs.op.show(event);
});
}
},
hidePopover() {