js删除提示的插件实现

做项目对数据的增删改查是必不可少的，项目组的成员负责的模块都有这个功能，如果每个人遇到删除都写一遍提示代码，那就不好维护了，保不准谁写的有错，所以，提取出来，写一个插件供大家使用。

1.jsp

[html]  view plain  copy

 print ?

1. <s:iterator value="#departmentList">  
2.             <tr class="TableDetail1 template">  
3.                 <td><s:property value="dname"/></td>  
4.                 <td><s:property value="description" escape="false"/></td>  
5.                 <td>  
6.                     <!-- 在struts2标签中只能用ognl表达式  
7.                         在html只能用el表达式  
8.                      -->  
9.                     <s:a action="departmentAction_deleteDepartment?did=%{did}">删除</s:a>  
10.                     <s:a href="departmentAction_updateUI?did=%{did}">修改</s:a>  
11.                 </td>  
12.             </tr>  
13.         </s:iterator>  

    删除按钮被a标签包围，你可能会说不是被struts2标签包围吗？但struts2标签解析后还是a标签

2.js插件

   定义了一个confirm函数，通过传入json格式的数据为控件绑定方法

[javascript]  view plain  copy

 print ?

1. (function(jQuery){  
2. //  $.fn.confirm = function(message){  
3. //      return window.confim(message);  
4. //  }  
5.     $.confirm = function(confirJson){  
6.         $("a").each(function(){ //为a标签绑定方法  
7.             if($(this).text()== "删除"){ //如果是删除  
8.                     $(this).unbind("click");  
9.                     $(this).bind("click",function(){  
10.                         confirJson.callback();//调用回调函数  
11.                         return window.confirm(confirJson.message);//弹出提示信息  
12.                     });  
13.             }  
14.               
15.         });  
16.     }  
17. })(jQuery);  

调用：传入json格式的参数

[javascript]  view plain  copy

 print ?

1. $().ready(function(){  
2.     $.confirm({  
3.         message:"您确认要删除吗？",  
4.         callback:function(){  
5.             alert("是的");  
6.         }   
7.     });  

1. });  
2. 
   

      这就是把公共的东西抽出来，大家都引用这个js就避免了不必要的错误，既节省时间又能提高开发效率。实现这个功能不难，重要的是要具有这种思想和胸怀

来自：http://blog.csdn.net/ggibenben1314/article/details/46538423