基于jquery的监控数据是否发生改变_Javascript教程-查字典教程网
基于jquery的监控数据是否发生改变
基于jquery的监控数据是否发生改变
发布时间:2016-12-30 来源:查字典编辑
摘要:这样之前的功夫又白费了。解决这些问题的办法就是:监控页面数据是否发生变化。如果发生变化,提示用户保存。如果数据未发生变化。当我们点击保存时,...

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

接下来看看解决办法:

复制代码 代码如下:

///<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教程学习
    编程开发子分类