commit
6581143f64
|
@ -60,7 +60,6 @@ declare class Menu extends ClassComponent<MenuProps, MenuSlots, MenuEmits> {
|
||||||
/**
|
/**
|
||||||
* Shows the overlay.
|
* Shows the overlay.
|
||||||
* @param {Event} event - Browser event.
|
* @param {Event} event - Browser event.
|
||||||
* @param {*} [target] - Optional target if event.target would not be used.
|
|
||||||
*
|
*
|
||||||
* @memberof Menu
|
* @memberof Menu
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -63,7 +63,6 @@ declare class TieredMenu extends ClassComponent<TieredMenuProps, TieredMenuSlots
|
||||||
/**
|
/**
|
||||||
* Shows the overlay.
|
* Shows the overlay.
|
||||||
* @param {Event} event - Browser event
|
* @param {Event} event - Browser event
|
||||||
* @param {*} [target] - Optional target if event.target would not be used
|
|
||||||
*
|
*
|
||||||
* @memberof TieredMenu
|
* @memberof TieredMenu
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -211,8 +211,7 @@ toggle(event) {
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>show</td>
|
<td>show</td>
|
||||||
<td>event: Browser event <br />
|
<td>event: Browser event</td>
|
||||||
target: Optional target if event.target would not be used</td>
|
|
||||||
<td>Shows the overlay.</td>
|
<td>Shows the overlay.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<Button type="button" icon="pi pi-search" :label="selectedProduct ? selectedProduct.name : 'Select a Product'" @click="toggle" aria:haspopup="true" aria-controls="overlay_panel" />
|
<Button type="button" icon="pi pi-search" :label="selectedProduct ? selectedProduct.name : 'Select a Product'" @click="toggle" aria:haspopup="true" aria-controls="overlay_panel" />
|
||||||
|
|
||||||
<OverlayPanel ref="op" appendTo="body" :showCloseIcon="true" id="overlay_panel" style="width:450px" :breakpoints="{'960px': '75vw'}">
|
<OverlayPanel ref="op" appendTo="body" :showCloseIcon="true" id="overlay_panel" style="width:450px" :breakpoints="{'960px': '75vw'}">
|
||||||
<DataTable :value="products" v-model:selection="selectedProduct" selectionMode="single" :paginator="true" :rows="5" @row-select="onProductSelect">
|
<DataTable :value="products" v-model:selection="selectedProduct" selectionMode="single" :paginator="true" :rows="5" @row-select="onProductSelect" responsiveLayout="scroll">
|
||||||
<Column field="name" header="Name" sortable style="width: 50%"></Column>
|
<Column field="name" header="Name" sortable style="width: 50%"></Column>
|
||||||
<Column header="Image" style="width: 20%">
|
<Column header="Image" style="width: 20%">
|
||||||
<template #body="slotProps">
|
<template #body="slotProps">
|
||||||
|
|
|
@ -270,8 +270,7 @@ toggle(event) {
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>show</td>
|
<td>show</td>
|
||||||
<td>event: Browser event <br />
|
<td>event: Browser event</td>
|
||||||
target: Optional target if event.target would not be used</td>
|
|
||||||
<td>Shows the overlay.</td>
|
<td>Shows the overlay.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
Loading…
Reference in New Issue