archive-gh-me/ShadowEditor
1
0
Fork 0
mirror of https://github.com/tengge1/ShadowEditor.git synced 2026-01-25 15:08:11 +00:00
Code Issues Projects Releases Wiki Activity

默认展开场景节点。

Browse Source
This commit is contained in:
tengge1 2019-07-08 21:25:41 +08:00
parent 094ccad51e
commit d6fff72398
1 changed files with 22 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
ShadowEditor.UI/src/tree/Tree.jsx
View File

@ -12,37 +12,28 @@ class Tree extends React.Component {
constructor(props) {
super(props);
const { data, onExpand, onSelect, onDoubleClick } = this.props;
const { onExpand, onSelect, onDoubleClick } = this.props;
this.expanded = {};
var expanded = {};
this._traverseNode(data, node => {
if (node.expand) {
expanded[node.value] = true;
}
});
this.state = {
expanded: expanded,
};
this.handleExpandNode = this.handleExpandNode.bind(this, onExpand);
this.handleClick = this.handleClick.bind(this, onSelect);
this.handleDoubleClick = this.handleDoubleClick.bind(this, onDoubleClick);
}
_traverseNode(list, callback) {
list.forEach(n => {
callback && callback(n);
Array.isArray(n.children) && this._traverseNode(n.children, callback);
});
}
render() {
const { data, className, style } = this.props;
// 获取展开节点信息
var expanded = this.expanded;
this.traverseNode(data, node => {
if (node.expanded) {
expanded[node.value] = true;
}
});
// 创建节点
var list = [];
Array.isArray(data) && data.forEach(n => {
@ -52,10 +43,17 @@ class Tree extends React.Component {
return <ul className={classNames('Tree', className)} style={style}>{list}</ul>;
}
traverseNode(list, callback) {
list.forEach(n => {
callback && callback(n);
Array.isArray(n.children) && this.traverseNode(n.children, callback);
});
}
createNode(data) {
const leaf = !data.children || data.children.length === 0;
const expanded = this.state.expanded;
const expanded = this.expanded;
const children = leaf ? null : (<ul className={classNames('sub', expanded[data.value] ? null : 'collpase')}>{data.children.map(n => {
return this.createNode(n);
@ -85,7 +83,8 @@ class Tree extends React.Component {
event.stopPropagation();
var value = event.target.getAttribute('value');
var expanded = Object.assign({}, this.state.expanded);
let expanded = this.expanded;
if (!expanded[value]) {
expanded[value] = true;
onExpand && onExpand(value, true, event);
@ -94,9 +93,7 @@ class Tree extends React.Component {
onExpand && onExpand(value, false, event);
}
this.setState({
expanded: expanded,
});
this.forceUpdate();
}
handleClick(onSelect, event) {