基于jquery的监控数据是否发生改变


Posted in Javascript onApril 11, 2011

这样之前的功夫又白费了。解决这些问题的办法就是:监控页面数据是否发生变化。如果发生变化,提示用户保存。如果数据未发生变化。当我们点击保存时,也不需要提交到数据库。
接下来看看解决办法:

///<reference path="jquery-1.3.2-vsdoc2.js" /> 
(function($) { 
var pageDataChange = false //默认标识页面数据未发生改变 
/*监控页面数据是否发生变化*/ 
$.fn.MonitorDataChange = function(options) { 
var tagName = new Array('Input', 'Select', 'Textarea'); 
var ctrlIds = []; var deafult = { 
arrTags: tagName, //需监控控件的tagName属性数组 
arrCtrls: ctrlIds //不监控的控件ID 
}; 
var ops = $.extend(deafult, options); 
for (var i = 0; i < ops.arrTags.length; i++) { 
$(ops.arrTags[i]).each(function() { 
if (ops.arrCtrls.length == 0) { 
$(this).bind('change', function() { 
pageDataChange = true; 
}); 
} 
else { 
var flag = false; 
for (var j = 0; j < ops.arrCtrls.length; j++) { 
if ($(this).attr('id') == ops.arrCtrls[j]) { 
flag = true; 
break; 
} 
} 
if (!flag) { 
$(this).bind('change', function() { 
pageDataChange = true; 
}); 
} 
} 
}); 
} 
return this; 
}; 
/*返回页面数据是否发生变化*/ 
$.fn.getValue = function() { 
return pageDataChange; 
}; 
})(jQuery);
Javascript 相关文章推荐
js实现宇宙星空背景效果的方法
Mar 03 Javascript
js倒计时简单实现方法
Dec 17 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
Jan 06 Javascript
javascript汉字拼音互转的简单实例
Oct 09 Javascript
Vue.js第二天学习笔记(vue-router)
Dec 01 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
webpack配置之后端渲染详解
Oct 26 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
layui点击按钮添加可编辑的一行方法
Aug 15 Javascript
如何在JavaScript中优雅的提取循环内数据详解
Mar 04 Javascript
layui导出所有数据的例子
Sep 10 Javascript
JS中准确判断变量类型的方法
Jun 01 Javascript
jQuery实战之品牌展示列表效果
Apr 10 #Javascript
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 #Javascript
JQuery优缺点分析说明
Apr 10 #Javascript
基于jquery的15款幻灯片插件
Apr 10 #Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 #Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
Apr 08 #Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
Apr 08 #Javascript
You might like
ftp类(example.php)
2006/10/09 PHP
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
jQuery中attr()方法用法实例
2015/01/05 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
详解javascript函数的参数
2015/11/10 Javascript
requireJS使用指南
2016/04/27 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
JS闭包用法实例分析
2017/03/27 Javascript
vue中将网页打印成pdf实例代码
2017/06/15 Javascript
js replace 全局替换的操作方法
2018/06/12 Javascript
微信小程序实现多选框全选与取消全选功能示例
2019/05/14 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
Vue v-for中的 input 或 select的值发生改变时触发事件操作
2020/08/31 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
Python3操作SQL Server数据库(实例讲解)
2017/10/21 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
Django框架视图函数设计示例
2019/07/29 Python
python配置文件写入过程详解
2019/10/19 Python
python打印直角三角形与等腰三角形实例代码
2019/10/20 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
技校个人求职信范文
2014/01/25 职场文书
简历里的自我评价
2014/01/31 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
清明节主题班会
2015/08/14 职场文书
小学毕业教师寄语
2019/06/21 职场文书
Nginx利用Logrotate实现日志分割
2022/05/20 Servers