如何动态删除题型

来源:互联网 发布:java多次继承例子 编辑:程序博客网 时间:2024/06/05 17:47

引言

最近java版的itoo下的题库管理有一个新加题型的功能,但是没有实现动态删除。因为删除涉及到一些逻辑,所以在这里写下这篇博客,整理整理逻辑。

删除的逻辑

看一张图吧先:
这里写图片描述
也就是说,在点击删除的时候,应该首先判断这条记录是否是第一条和最后一条,默认不能删除第一条,如果是最后一条,直接删除。如果都不是,则需要对删除的数据之后的所有数据的属性进行处理(减1处理)。

问题1-如何获取当前选中控件

在知道大致的逻辑之后,就是各种问题排查,将大问题化小,各个击破。
所以遇到的第一个问题是如何获取当前选中的控件。这里利用的是parentNode。

    var pNode=me.parentNode;    var currentdiv=pNode.id;   //获取当前div的id

这样就能获取当前的div的id值了。

问题2-如何获取需要的控件值并进行修改

现在应掌握了删除的控件信息,那么如何获取之后的控件信息,并加以修改?
根据每个控件都有一个class,获取控件的所有信息:

    var dg=$(".bigQuestion")[0];

这样就能获取答题干所需信息,下边看看如何更改它的属性值。

    dg.setAttribute("name","dg"+(i));       dg.setAttribute("id","dg"+(i)); 

这样就能更改紧挨着的属性的值了,最后加个for循环遍历剩下的所有的控件就能依次更改信息了。

总结

删除题型因为全是jsp页面上的操作,所以前台的知识必须牢固才行啊~在调页面的过程中反复了很多次,但是真的是很长知识~而且通过这次对前端页面的调试,也发现原来前台真的是特别能出效果的,特别有成就感呢!

0 0
原创粉丝点击