js删除提示的插件实现
2016-07-09 21:55
495 查看
做项目对数据的增删改查是必不可少的,项目组的成员负责的模块都有这个功能,如果每个人遇到删除都写一遍提示代码,那就不好维护了,保不准谁写的有错,所以,提取出来,写一个插件供大家使用。
1.jsp
[html] view
plain copy
print?
<s:iterator value="#departmentList">
<tr class="TableDetail1 template">
<td><s:property value="dname"/></td>
<td><s:property value="description" escape="false"/></td>
<td>
<!-- 在struts2标签中只能用ognl表达式
在html只能用el表达式
-->
<s:a action="departmentAction_deleteDepartment?did=%{did}">删除</s:a>
<s:a href="departmentAction_updateUI?did=%{did}">修改</s:a>
</td>
</tr>
</s:iterator>
删除按钮被a标签包围,你可能会说不是被struts2标签包围吗?但struts2标签解析后还是a标签
2.js插件
定义了一个confirm函数,通过传入json格式的数据为控件绑定方法
[javascript] view
plain copy
print?
(function(jQuery){
// $.fn.confirm = function(message){
// return window.confim(message);
// }
$.confirm = function(confirJson){
$("a").each(function(){ //为a标签绑定方法
if($(this).text()== "删除"){ //如果是删除
$(this).unbind("click");
$(this).bind("click",function(){
confirJson.callback();//调用回调函数
return window.confirm(confirJson.message);//弹出提示信息
});
}
});
}
})(jQuery);
调用:传入json格式的参数
[javascript] view
plain copy
print?
$().ready(function(){
$.confirm({
message:"您确认要删除吗?",
callback:function(){
alert("是的");
}
});
});
这就是把公共的东西抽出来,大家都引用这个js就避免了不必要的错误,既节省时间又能提高开发效率。实现这个功能不难,重要的是要具有这种思想和胸怀
来自:http://blog.csdn.net/ggibenben1314/article/details/46538423
1.jsp
[html] view
plain copy
print?
<s:iterator value="#departmentList">
<tr class="TableDetail1 template">
<td><s:property value="dname"/></td>
<td><s:property value="description" escape="false"/></td>
<td>
<!-- 在struts2标签中只能用ognl表达式
在html只能用el表达式
-->
<s:a action="departmentAction_deleteDepartment?did=%{did}">删除</s:a>
<s:a href="departmentAction_updateUI?did=%{did}">修改</s:a>
</td>
</tr>
</s:iterator>
删除按钮被a标签包围,你可能会说不是被struts2标签包围吗?但struts2标签解析后还是a标签
2.js插件
定义了一个confirm函数,通过传入json格式的数据为控件绑定方法
[javascript] view
plain copy
print?
(function(jQuery){
// $.fn.confirm = function(message){
// return window.confim(message);
// }
$.confirm = function(confirJson){
$("a").each(function(){ //为a标签绑定方法
if($(this).text()== "删除"){ //如果是删除
$(this).unbind("click");
$(this).bind("click",function(){
confirJson.callback();//调用回调函数
return window.confirm(confirJson.message);//弹出提示信息
});
}
});
}
})(jQuery);
调用:传入json格式的参数
[javascript] view
plain copy
print?
$().ready(function(){
$.confirm({
message:"您确认要删除吗?",
callback:function(){
alert("是的");
}
});
});
这就是把公共的东西抽出来,大家都引用这个js就避免了不必要的错误,既节省时间又能提高开发效率。实现这个功能不难,重要的是要具有这种思想和胸怀
来自:http://blog.csdn.net/ggibenben1314/article/details/46538423
相关文章推荐
- JSONP -- 跨域数据交互协议
- js跨域及解决方案
- 三种方法实现js跨域访问
- js跨域请求方式 ---- JSONP原理解析
- JavaScript获取时间
- onload事件不执行的解决方法
- JavaScript对象与继承
- 【gulp.js】Gulp中的增量编译
- js中的this和prototype
- JS取得Tree的ID
- JavaScript里Math对象的ceil()、floor()、round()方法的区别
- js中值引用和地址引用
- 求1-100之内的奇数偶数和
- JSP中调用js时报undefined错误
- EL表达式
- Javascript面向对象编程(三):非构造函数的继承
- html5 js异步加载
- Javascript面向对象编程(二):构造函数的继承
- Javascript 面向对象编程(一):封装
- javascript浏览器对象