日期:2014-05-16 浏览次数:21363 次
在最近做的《教务-基础系统》中有这样一个功能:为了防止用户误删数据,或者将数据删除后还想恢复,我们对数据的处理不是直接删除,而是允许用户撤销数据,如果用户想使用撤销的数据激活一下即可。这里说一下我撤销操作的实现,作为初学者,我说的可能有很多不到位的地方,还请高手指点!
一、先看一下,课程类型撤销运行效果
由于此处我上传的gif图片不动,我将《课程类型撤销展示》上传空间了。
二、然后说一下这部分使用的技术及插件
1.这里我采用的是jbox插件,这个插件刚刚接触,感觉它的效果还是不错的。
2.撤销部分我采用ajax技术,利用一般处理程序将撤销的数据更新至数据库。
三、最后介绍一下我制作过程及代码的编写
1.准备工作
因为使用jBox插件,于是首先需要导入jBox文件夹,在页面头部引入jBox CSS文件及js文件;在页面撤销后数据库数据也进行撤销,这里的操作使用一般处理程序处理,于是用到handler文件夹。
2.页面头部引用各css文件及js文件,并编写用到的函数
撤销操作需要用到的函数
<!--撤销课程类型弹出框jBox--> <script type="text/javascript"> // 调父窗口请用 parent 或 top,如果是多层iframe,需要调用多个parent var html = "<div style='padding:10px;'>输入撤销原因:<input type='text' id='courseTypeID' name='CourseType' /></div>"