EasyUI中创建树,并在datagrid的数据表格中选中一条或者多条数据添加到树中,给父节点添加子节点
创建树
树的json数据
创建datagrid数据表格
选中datagrid数据表格中的一条或多条数据给树中的父节点以及一级节点添加子节点,子节点不能添加节点(提示框提示不能添加)
未添加节点之前的效果
添加节点之后的效果
子节点不能添加节点(提示框提示不能添加)
具体代码实现
function addProject() {
var nodes = $('#projectList').datagrid('getSelections');//选中表格的数据
if (nodes.length == 0) {
alert('请选择添加的项目');
return;
} else {
var node = $('#tt').tree('getSelected');//树上选中节点
var data = node.type;
if (data === 'parent') {//给节点类型为"parent"的添加节点
for (var i = 0; i < nodes.length; i++) {
$('#tt').tree('append', {
parent: node.target,
data: {
text: nodes[i].name
}
});
}
} else {
if (data === 'son') {
alert('不能给子节点添加项目');
}
}
}
}
function resetProject() {
var nodes = $('#projectList').datagrid('clearSelections');
}