js 树(vs2008)

    经过二天的奋斗,写了一个js加载树的程序。
    其中有树节点的【增加节点->向前增加、向后增加、增加子节点】【删除节点】【移动节点】;
    样子如下:
   
js 树(vs2008)_第1张图片

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

js 树(vs2008)_第2张图片


   
js 树(vs2008)_第3张图片

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


js 树(vs2008)_第4张图片

js 树(vs2008)_第5张图片

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

js 树(vs2008)_第6张图片

   删除简单的多

js 树(vs2008)_第7张图片

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


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

原程序如下:



你可能感兴趣的:(vs2008)