日期:2014-05-16  浏览次数:21404 次

asp.net使用jbox插件,利用ajax(使用一般处理程序方式)执行撤销操作

    

    在最近做的《教务-基础系统》中有这样一个功能:为了防止用户误删数据,或者将数据删除后还想恢复,我们对数据的处理不是直接删除,而是允许用户撤销数据,如果用户想使用撤销的数据激活一下即可。这里说一下我撤销操作的实现,作为初学者,我说的可能有很多不到位的地方,还请高手指点!


一、先看一下,课程类型撤销运行效果


 

由于此处我上传的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>"