最终效果如下:
当鼠标移动到节点时,后面会出现三个小图标,依次代表添加、修改和删除。修改和删除可以参看上一篇文章,这篇重点在于添加。在点击添加小图标时,效果如下:
会弹出对话框,提示用户是添加同级节点还是子节点,如果当前节点是叶子节点,则不能添加同级节点,因为这可以由它的父节点添加子节点来完成。这样一来,添加的同级节点都是父节点,即isParent:true。
弹出的对话框使用到了artDialog,可网上下载。
代码如下:
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<script type="text/javascr