Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update OverlayDoc.vue

Browse Source
This commit is contained in:
tugcekucukoglu
2025-02-18 16:01:24 +03:00
parent 03ef1236f0
commit 7c54176132
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/uikit/OverlayDoc.vue
View File

@@ -14,7 +14,6 @@ const visibleFull = ref(false);
const products = ref(null); const products = ref(null);
const selectedProduct = ref(null); const selectedProduct = ref(null);
const op = ref(null); const op = ref(null);
const op2 = ref(null);
const popup = ref(null); const popup = ref(null);
const toast = useToast(); const toast = useToast();
@@ -41,7 +40,7 @@ function closeConfirmation() {
} }
function toggleDataTable(event) { function toggleDataTable(event) {
op2.value.toggle(event); op.value.toggle(event);
} }
function onProductSelect(event) { function onProductSelect(event) {
@@ -93,7 +92,7 @@ function confirm(event) {
<div class="font-semibold text-xl mb-4">Popover</div> <div class="font-semibold text-xl mb-4">Popover</div>
<div class="flex flex-wrap gap-2"> <div class="flex flex-wrap gap-2">
<Button type="button" label="Show" @click="toggleDataTable" /> <Button type="button" label="Show" @click="toggleDataTable" />
<Popover ref="op2" id="overlay_panel" style="width: 450px"> <Popover ref="op" id="overlay_panel" style="width: 450px">
<DataTable v-model:selection="selectedProduct" :value="products" selectionMode="single" :paginator="true" :rows="5" @row-select="onProductSelect"> <DataTable v-model:selection="selectedProduct" :value="products" selectionMode="single" :paginator="true" :rows="5" @row-select="onProductSelect">
<Column field="name" header="Name" sortable style="min-width: 12rem"></Column> <Column field="name" header="Name" sortable style="min-width: 12rem"></Column>
<Column header="Image"> <Column header="Image">