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

Sample data added

pull/3725/head
Tuğçe Küçükoğlu 2023-03-10 11:19:45 +03:00
parent 5bede75578
commit 8894099a0a
13 changed files with 206 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
doc/datatable/ColumnToggleDoc.vue
View File

@ -119,7 +119,21 @@ const onToggle = (val) => {
}; };
<\/script> <\/script>
` `,
data: `
{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
description: 'Product Description',
image: 'bamboo-watch.jpg',
price: 65,
category: 'Accessories',
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
},
...`
} }
}; };
}, },

17
doc/datatable/ContextMenuDoc.vue
View File

@ -153,7 +153,22 @@ const formatCurrency = (value) => {
}; };
<\/script> <\/script>
` `,
data: `
/* ProductService */
{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
description: 'Product Description',
image: 'bamboo-watch.jpg',
price: 65,
category: 'Accessories',
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
},
...`
} }
}; };
}, },

17
doc/datatable/ExportDoc.vue
View File

@ -106,7 +106,22 @@ const exportCSV = () => {
dt.value.exportCSV(); dt.value.exportCSV();
}; };
<\/script> <\/script>
` `,
data: `
/* ProductService */
{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
description: 'Product Description',
image: 'bamboo-watch.jpg',
price: 65,
category: 'Accessories',
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
},
...`
} }
}; };
}, },

22
doc/datatable/LazyLoadDoc.vue
View File

@ -357,7 +357,27 @@ const onRowUnselect = () => {
}; };
<\/script> <\/script>
` `,
data: `
{
id: 1000,
name: 'James Butt',
country: {
name: 'Algeria',
code: 'dz'
},
company: 'Benton, John B Jr',
date: '2015-09-13',
status: 'unqualified',
verified: true,
activity: 17,
representative: {
name: 'Ioni Bowcher',
image: 'ionibowcher.png'
},
balance: 70663
},
...`
} }
}; };
}, },

16
doc/datatable/ReorderDoc.vue
View File

@ -111,7 +111,21 @@ const onRowReorder = (event) => {
}; };
<\/script> <\/script>
` `,
data: `
{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
description: 'Product Description',
image: 'bamboo-watch.jpg',
price: 65,
category: 'Accessories',
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
},
...`
} }
}; };
}, },

16
doc/datatable/colresize/ExpandModeDoc.vue
View File

@ -75,7 +75,21 @@ onMounted(() => {
}); });
const products = ref(); const products = ref();
<\/script>` <\/script>`,
data: `
{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
description: 'Product Description',
image: 'bamboo-watch.jpg',
price: 65,
category: 'Accessories',
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
},
...`
} }
}; };
}, },

16
doc/datatable/colresize/FitModeDoc.vue
View File

@ -78,7 +78,21 @@ onMounted(() => {
}); });
const products = ref(); const products = ref();
<\/script>` <\/script>`,
data: `
{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
description: 'Product Description',
image: 'bamboo-watch.jpg',
price: 65,
category: 'Accessories',
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
},
...`
} }
}; };
}, },

16
doc/datatable/edit/FilterSortEditDoc.vue
View File

@ -189,7 +189,21 @@ const onCellEditComplete = (event) => {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
</style>` </style>`,
data: `
{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
description: 'Product Description',
image: 'bamboo-watch.jpg',
price: 65,
category: 'Accessories',
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
},
...`
} }
}; };
}, },

22
doc/datatable/filter/AdvancedFilterDoc.vue
View File

@ -652,7 +652,27 @@ const getSeverity = (status) => {
return null; return null;
} }
}; };
<\/script>` <\/script>`,
data: `
{
id: 1000,
name: 'James Butt',
country: {
name: 'Algeria',
code: 'dz'
},
company: 'Benton, John B Jr',
date: '2015-09-13',
status: 'unqualified',
verified: true,
activity: 17,
representative: {
name: 'Ioni Bowcher',
image: 'ionibowcher.png'
},
balance: 70663
},
...`
} }
}; };
}, },

22
doc/datatable/samples/CustomersDoc.vue
View File

@ -598,7 +598,27 @@ const getSeverity = (status) => {
return null; return null;
} }
}; };
<\/script>` <\/script>`,
data: `
{
id: 1000,
name: 'James Butt',
country: {
name: 'Algeria',
code: 'dz'
},
company: 'Benton, John B Jr',
date: '2015-09-13',
status: 'unqualified',
verified: true,
activity: 17,
representative: {
name: 'Ioni Bowcher',
image: 'ionibowcher.png'
},
balance: 70663
},
...`
} }
}; };
}, },

22
doc/datatable/samples/ProductsDoc.vue
View File

@ -189,7 +189,7 @@ export default {
basic: ` basic: `
<Toolbar class="mb-4"> <Toolbar class="mb-4">
<template #start> <template #start>
<Button label="New" icon="pi pi-plus" severity="success" class="mr-2 @click="openNew" /> <Button label="New" icon="pi pi-plus" severity="success" class="mr-2" @click="openNew" />
<Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" /> <Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" />
</template> </template>
<template #end> <template #end>
@ -247,7 +247,7 @@ export default {
<div class="card"> <div class="card">
<Toolbar class="mb-4"> <Toolbar class="mb-4">
<template #start> <template #start>
<Button label="New" icon="pi pi-plus" severity="success" class="mr-2 @click="openNew" /> <Button label="New" icon="pi pi-plus" severity="success" class="mr-2" @click="openNew" />
<Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" /> <Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" />
</template> </template>
@ -535,7 +535,7 @@ export default {
<div class="card"> <div class="card">
<Toolbar class="mb-4"> <Toolbar class="mb-4">
<template #start> <template #start>
<Button label="New" icon="pi pi-plus" severity="success" class="mr-2 @click="openNew" /> <Button label="New" icon="pi pi-plus" severity="success" class="mr-2" @click="openNew" />
<Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" /> <Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" />
</template> </template>
@ -810,7 +810,21 @@ const getStatusLabel = (status) => {
}; };
<\/script> <\/script>
` `,
data: `
{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
description: 'Product Description',
image: 'bamboo-watch.jpg',
price: 65,
category: 'Accessories',
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
},
...`
} }
}; };
}, },

10
doc/datatable/virtualscroll/LazyVirtualScrollDoc.vue
View File

@ -265,7 +265,15 @@ const loadCarsLazy = (event) => {
lazyLoading.value = false; lazyLoading.value = false;
}, Math.random() * 1000 + 250); }, Math.random() * 1000 + 250);
}; };
<\/script>` <\/script>`,
data: `
{
id: 1
vin: tvACo,
brand: Norma,
color: Black,
year: 2002
}`
} }
}; };
}, },

10
doc/datatable/virtualscroll/PreloadVirtualScrollDoc.vue
View File

@ -83,7 +83,15 @@ const cars = ref();
onMounted(() => { onMounted(() => {
cars.value = Array.from({ length: 100000 }).map((_, i) => CarService.generateCar(i + 1)); cars.value = Array.from({ length: 100000 }).map((_, i) => CarService.generateCar(i + 1));
}); });
<\/script>` <\/script>`,
data: `
{
id: 1
vin: tvACo,
brand: Norma,
color: Black,
year: 2002
}`
} }
}; };
}, },