mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 00:42:36 +00:00
Tree demo updates
This commit is contained in:
parent
e6b80b2456
commit
00925f65b3
3 changed files with 85 additions and 4 deletions
|
@ -27,7 +27,7 @@ export default {
|
|||
selectedKey: null,
|
||||
code: {
|
||||
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>
|
||||
`,
|
||||
options: `
|
||||
|
@ -81,7 +81,34 @@ onMounted(() => {
|
|||
NodeService.getTreeNodes().then((data) => (nodes.value = data));
|
||||
});
|
||||
<\/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' }]
|
||||
}
|
||||
]
|
||||
},
|
||||
...`
|
||||
}
|
||||
};
|
||||
},
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue