层次树Ecotree的实现
最近工作中开发的项目中有这样一个需求,对工艺路线和工序进行增删改查的操作。
下面我就简单介绍一下,工艺路线和工序的关系,首先:工艺路线是由许多个工序组成的。
例如我们一个工艺路线的名字叫包水饺,那么它的子工序由和面+拌陷+干皮+包饺子等等吧
那吧就构成了这样的一道工艺路线:
????????????????????????????????????? 包水饺-----和面-------拌陷------干皮----包饺子
流程就先介绍到这里。
今天的主题主要是Ecotree树的实现
下面我就先展示一下我已经建立好的一张工艺路线图
?
?
?这张一个查询出来的已经建立好的所有的工艺路线
功能:可以查询工艺路线? 可以新增工艺路线 可以编辑工艺路线 可以修改工艺路线? 可以删除工艺路线 可以提交工艺路线(工艺路线一旦提交,就不能进行编辑删除等操作了,只能查看)
????????????????????????????????????????
下面这张图片是点击江中集体查看后的结果:
工艺路线不能在被修改,可以看到文本框都变灰了,下面的图形是一个层次树,只能进行查看操作,不能新增工序节点
同理也不能修改,删除节点
?
?
下面这张图片是点击了江中集体编辑后显示的页面,基本上和上面的一面是一模一样的,只不过,在这张页面中,我们可以对子工序进行增加节点 删除节点,编辑节点的操作。可以看到图片上文字的下面多出了一个超链接,我们点击超链接,可以进行相应的操作
下面这张图片显示的是点击了江中小舟后出现的一个操作菜单:主要功能是:新增节点,编辑节点,插入节点,和删除节点
?
?
下面这张图片显示的就是点击了新增节点后显示的图片:
?
这是新增菜单,我单独拿了出来,主要是让大家看到后续后续里面的选择项,选择项中就是所有的工序节点
下面这张图片显示的是点击编辑菜单后出现的效果:
我们可以对其工序节点的名称,编码,说明进行相应的修改。
下面这张图片显示的是点击插入菜单选项后出现的效果,可以看到和编辑操作菜单没有什么两样,只不过,这里的菜单选择中的数据是null的。我们可以填入数据,点击保存后,就会在江中小舟节点下面多了一个子节点。
同理还有一个删除菜单选项,这里我就不多说了,想必大家心里很清楚,点击删除后,此节点就会消失了,不过我还是想在啰嗦一下,因为在整个功能中,就属删除节点最麻烦了,首先你要先考虑到你点击的节点有没有子节点,如果没有子节点,就直接将此节点删除就ok了, 如果有子节点,还要判断一下,此节点是不是根节点,如果是根节点,也很好办,就将所有的节点清空就ok了,如果不是根节点,就稍微有点麻烦一些了,首先你要找到你删除节点的父节点,和所有的子节点,让后将所有的子节点的父节点设为你删除节点的父节点就ok了。
ok功能展示完了,下面我就大致讲一下我写这个东东的一个过程:
首先我们要先创建一个决策树:代码如下
??????我们输入一下内容后,点击保存:
点击保存执行的sql
???????????
接下来我们就新增一个子工序
代码如下
保存成功后页面变为:
让后点击节点上面的超链接,出弹出一个操作菜单
代码如下
?然后调用
点击插入节点
代码如下
?
?效果图如下
保存成功后,就会在页面不刷新的情况下创建一个子节点
?
效果如下
?
同理在新增节点
?
1 楼 wphopelsjj1314 2011-09-14 有全部的代码么? 2 楼 郑云飞 2011-09-14 wphopelsjj1314 写道有全部的代码么?
这是一个项目的一部分,代码是掺杂的整个项目中的 3 楼 郑云飞 2011-09-14 郑云飞 写道wphopelsjj1314 写道有全部的代码么?
这是一个项目的一部分,代码是掺杂的整个项目中的
这是我负责的项目的那一块,当然有了