js 树（vs2008）

经过二天的奋斗，写了一个js加载树的程序。
其中有树节点的【增加节点->向前增加、向后增加、增加子节点】【删除节点】【移动节点】；
样子如下：

[img]http://dl.iteye.com/upload/attachment/195794/cbff5418-8662-353b-ac7c-6df0a0687ee4.jpg[/img]

操作：树默认加载第一级；点击节点加载下一级，并将此节点的信息置入到右侧的编辑区域，可保存修改；

[img]http://dl.iteye.com/upload/attachment/195820/3f682f1d-a53d-32c5-a990-db87245b4dfc.jpg[/img]



[img]http://dl.iteye.com/upload/attachment/195797/34714aa2-d214-3319-bf3e-36e294a4ec10.jpg[/img]

添加有两种方式实现：第一种在当前页面加一个遮罩层再操作，另外一种打开一个showModalDialog操作。


[img]http://dl.iteye.com/upload/attachment/195800/96ffd438-f040-3da7-b412-0f95f22a66e5.jpg[/img]

[img]http://dl.iteye.com/upload/attachment/195802/8764c628-1803-3f3d-a067-02c2a302cc30.jpg[/img]

移动节点位置时只要将页面的节点选中，再点击按键【节点调整位置】，这里打开了一个窗口，鼠标悬停会出现三个选项，选择相应的即可。

[img]http://dl.iteye.com/upload/attachment/195805/43d45776-85c6-31fd-b377-a2a812a76c8c.jpg[/img]

删除简单的多

[img]http://dl.iteye.com/upload/attachment/195809/426d539d-4acb-38aa-a86c-1ab008a105d6.jpg[/img]

重要的一点是：所有的增删改查操作完成后要刷新树，并且要定位到操作的节点，无论是此节点在第几级，但要保证，不加载无关节点到页面来。这个在程序中有很好的体现。


注：程序中还有很多可以优化的地方，时间关系没有完成。做此记录。

原程序如下：