基于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 相关文章推荐
javascript 写类方式之一
Jul 05 Javascript
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
JS短路原理的应用示例 精简代码的途径
Dec 13 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
JavaScript中number转换成string介绍
Dec 31 Javascript
javascript对象的相关操作小结
May 16 Javascript
JavaScript 数组some()和filter()的用法及区别
May 20 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 Javascript
Vue axios 中提交表单数据(含上传文件)
Jul 06 Javascript
关于vue面试题汇总
Mar 20 Javascript
微信小程序进入广告实现代码实例
Sep 19 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
短波的认识
2021/03/01 无线电
PHP Ajax实现页面无刷新发表评论
2007/01/02 PHP
php实现无限级分类实现代码(递归方法)
2011/01/01 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
浅析AngularJs HTTP响应拦截器
2015/12/28 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
详细讲解vue2+vuex+axios
2017/05/27 Javascript
浅谈vue-router 路由传参的方法
2017/12/27 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
JS实现轮播图效果
2020/01/11 Javascript
jquery+ajax实现异步上传文件显示进度条
2020/08/17 jQuery
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
详解Python中的相对导入和绝对导入
2017/01/06 Python
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
python中使用ctypes调用so传参设置遇到的问题及解决方法
2019/06/19 Python
Python tkinter模版代码实例
2020/02/05 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
机电一体化专业推荐信
2013/12/03 职场文书
制药工程专业个人求职自荐信
2014/01/25 职场文书
《画》教学反思
2014/04/14 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
离婚承诺书格式范文
2015/05/04 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL
go语言基础 seek光标位置os包的使用
2021/05/09 Golang
JPA如何使用entityManager执行SQL并指定返回类型
2021/06/15 Java/Android
5个实用的JavaScript新特性
2022/06/16 Javascript