drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Tree

Browse source
This commit is contained in:
梁灏 2017-03-24 21:06:49 +08:00
parent cb84e64aab
commit 3c145e6ffe
2 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/tree/node.vue
View file

@ -66,7 +66,7 @@
classes () {
return [
`${prefixCls}-children`
]
];
},
selectedCls () {
return [
@ -112,7 +112,13 @@
},
handleCheck () {
if (this.disabled) return;
this.data.checked = !this.data.checked;
const checked = !this.data.checked;
if (!checked || this.indeterminate) {
findComponentsDownward(this, 'TreeNode').forEach(node => node.data.checked = false);
} else {
findComponentsDownward(this, 'TreeNode').forEach(node => node.data.checked = true);
}
this.data.checked = checked;
this.dispatch('Tree', 'checked');
},
setIndeterminate () {
@ -126,7 +132,7 @@
mounted () {
this.$on('indeterminate', () => {
this.setIndeterminate();
})
});
}
};
</script>

23
src/components/tree/tree.vue
View file

@ -1,7 +1,7 @@
<template>
<div :class="prefixCls">
<Tree-node
v-for="item in currentData"
v-for="item in data"
:key="item"
:data="item"
visible
@ -46,21 +46,15 @@
},
data () {
return {
prefixCls: prefixCls,
currentData: this.data
prefixCls: prefixCls
};
},
watch: {
data (val) {
}
},
methods: {
getSelectedNodes () {
const nodes = findComponentsDownward(this, 'TreeNode');
return nodes.filter(node => node.data.selected).map(node => node.data);
},
updateData () {
updateData (isInit = true) {
// init checked status
function reverseChecked(data) {
if (data.children) {
@ -69,8 +63,11 @@
if (node.children) node = reverseChecked(node);
if (node.checked) checkedLength++;
});
// data.checked = checkedLength >= data.children.length;
if (checkedLength >= data.children.length) data.checked = true;
if (isInit) {
if (checkedLength >= data.children.length) data.checked = true;
} else {
data.checked = checkedLength >= data.children.length;
}
return data;
} else {
return data;
@ -88,7 +85,7 @@
return data;
}
}
this.currentData = this.data.map(node => reverseChecked(node)).map(node => forwardChecked(node));
this.data.map(node => reverseChecked(node)).map(node => forwardChecked(node));
this.broadcast('TreeNode', 'indeterminate');
}
},
@ -106,7 +103,7 @@
this.$emit('on-select-change', this.getSelectedNodes());
});
this.$on('checked', () => {
this.updateData();
this.updateData(false);
});
}
};