vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-11 01:42:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add lazy loading demo for Tree

Browse source
This commit is contained in:
cagataycivici 2019-08-02 11:02:44 +03:00
parent 072ef2672f
commit 8275c46b03
2 changed files with 56 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

52
src/components/tree/Tree.vue
View file

@ -1,5 +1,11 @@
<template>
<div :class="containerClass">
<template v-if="loading">
<div class="p-tree-loading-mask p-component-overlay"></div>
<div class="p-tree-loading-content">
<i :class="loadingIconClass" />
</div>
</template>
<ul class="p-tree-container" role="tree">
<TreeNode v-for="node of value" :key="node.key" :node="node" :templates="$scopedSlots"
:expandedKeys="d_expandedKeys" @node-toggle="onNodeToggle" @node-click="onNodeClick"
@ -149,49 +155,6 @@ export default {
return _selectionKeys;
},
/*handleCheckboxSelection(event) {
const node = event.node;
const checked = this.isChecked(node);
let _selectionKeys = this.selectionKeys ? {...this.selectionKeys} : {};
if (checked) {
if (this.propagateSelectionDown)
this.propagateDown(node, false, _selectionKeys);
else
delete _selectionKeys[node.key];
if (this.propagateSelectionUp && this.props.onPropagateUp) {
this.props.onPropagateUp({
originalEvent: event,
check: false,
selectionKeys: selectionKeys
});
}
this.$emit('node-unselect', node);
}
else {
if (this.props.propagateSelectionDown)
this.propagateDown(this.props.node, true, selectionKeys);
else
selectionKeys[this.props.node.key] = {checked: true};
if (this.props.propagateSelectionUp && this.props.onPropagateUp) {
this.props.onPropagateUp({
originalEvent: event,
check: true,
selectionKeys: selectionKeys
});
}
this.$emit('node-select', node);
}
return _selectionKeys;
},*/
isCheckboxSelectionMode() {
return this.selectionMode === 'checkbox';
},
isSingleSelectionMode() {
return this.selectionMode === 'single';
},
@ -211,6 +174,9 @@ export default {
'p-tree-selectable': this.selectionMode != null,
'p-tree-loading': this.loading
}];
},
loadingIconClass() {
return ['p-tree-loading-icon pi-spin', this.loadingIcon];
}
},
components: {