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

Tree demo updates

pull/4899/head
tugcekucukoglu 2023-11-28 12:23:46 +03:00
parent e6b80b2456
commit 00925f65b3
3 changed files with 85 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
doc/tree/selection/CheckboxDoc.vue
View File

@ -84,7 +84,34 @@ const onNodeUnselect = (node) => {
toast.add({ severity: 'success', summary: 'Node Unselected', detail: node.label, life: 3000 }); toast.add({ severity: 'success', summary: 'Node Unselected', detail: node.label, life: 3000 });
}; };
<\/script> <\/script>
` `,
data: `
{
key: '0',
label: 'Documents',
data: 'Documents Folder',
icon: 'pi pi-fw pi-inbox',
children: [
{
key: '0-0',
label: 'Work',
data: 'Work Folder',
icon: 'pi pi-fw pi-cog',
children: [
{ key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
{ key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
]
},
{
key: '0-1',
label: 'Home',
data: 'Home Folder',
icon: 'pi pi-fw pi-home',
children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
}
]
},
...`
} }
}; };
}, },

31
doc/tree/selection/MultipleDoc.vue
View File

@ -27,7 +27,7 @@ export default {
selectedKey: null, selectedKey: null,
code: { code: {
basic: ` basic: `
<Tree v-model:selectionKeys="selectedKey" :value="nodes" class="w-full md:w-30rem" <Tree v-model:selectionKeys="selectedKey" :value="nodes" class="w-full md:w-30rem"
selectionMode="multiple" :metaKeySelection="checked"></Tree> selectionMode="multiple" :metaKeySelection="checked"></Tree>
`, `,
options: ` options: `
@ -81,7 +81,34 @@ onMounted(() => {
NodeService.getTreeNodes().then((data) => (nodes.value = data)); NodeService.getTreeNodes().then((data) => (nodes.value = data));
}); });
<\/script> <\/script>
` `,
data: `
{
key: '0',
label: 'Documents',
data: 'Documents Folder',
icon: 'pi pi-fw pi-inbox',
children: [
{
key: '0-0',
label: 'Work',
data: 'Work Folder',
icon: 'pi pi-fw pi-cog',
children: [
{ key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
{ key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
]
},
{
key: '0-1',
label: 'Home',
data: 'Home Folder',
icon: 'pi pi-fw pi-home',
children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
}
]
},
...`
} }
}; };
}, },

29
doc/tree/selection/SingleDoc.vue
View File

@ -79,7 +79,34 @@ const onNodeUnselect = (node) => {
toast.add({ severity: 'success', summary: 'Node Unselected', detail: node.label, life: 3000 }); toast.add({ severity: 'success', summary: 'Node Unselected', detail: node.label, life: 3000 });
}; };
<\/script> <\/script>
` `,
data: `
{
key: '0',
label: 'Documents',
data: 'Documents Folder',
icon: 'pi pi-fw pi-inbox',
children: [
{
key: '0-0',
label: 'Work',
data: 'Work Folder',
icon: 'pi pi-fw pi-cog',
children: [
{ key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
{ key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
]
},
{
key: '0-1',
label: 'Home',
data: 'Home Folder',
icon: 'pi pi-fw pi-home',
children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
}
]
},
...`
} }
}; };
}, },