JQuery DataTable删除行后的页面更新利用Ajax解决


Posted in Javascript onMay 17, 2013

使用Jquery的DataTable进行数据表处理非常方便,常遇到的一个问题就是删除一行后页面必须进行更新,需要注意的方法如下:前台页面中初始化table时注意:

var table = $('#sorting-advanced'); 
table.dataTable({ 
'bServerSide': true, 
'sAjaxSource': 'servlet/UserList<%=queryString%>', 
'bProcessing': true, 'bStateSave': true, 
'aoColumnDefs': [ 
{ 'bSortable': false, 'aTargets': [0,1,6]} 
], 
'sPaginationType': 'full_numbers', 
'sDom': '<"dataTables_header"lfr>t<"dataTables_footer"ip>', 
'fnInitComplete': function( oSettings ) 
{ 
// Style length select 
table.closest('.dataTables_wrapper').find('.dataTables_length select').addClass('select blue-gradient glossy').styleSelect(); 
tableStyled = true; 
} 
});

'bStateSave': true, 这个必须设置,这样就可以在删除返回时,保留在同一页上'bStateSave': true, 这个必须设置,这样就可以在删除返回时,保留在同一页上
删除的代码如下
function deleteConfirm(deleteID) 
{ 
$.modal.confirm('确实要删除此用户吗?', function() 
{ 
$.ajax('servlet/DeleteUser', { 
dataType : 'json', 
data: { 
userID: deleteID 
}, 
success: function(data) 
{ 
if (data.success =='true') 
{ 
$.modal.alert('删除成功!'); 
start = $("#sorting-advanced").dataTable().fnSettings()._iDisplayStart; 
total = $("#sorting-advanced").dataTable().fnSettings().fnRecordsDisplay(); 
window.location.reload(); 
if((total-start)==1){ 
if (start > 0) { 
$("#sorting-advanced").dataTable().fnPageChange( 'previous', true ); 
} 
} 
} 
else 
{ 
$.modal.alert('删除发生错误,请联系管理员!'); 
} 
}, 
error: function() 
{ 
$.modal.alert('服务器无响应,请联系管理员!'); 
} 
}); }, function() 
{ 
//$.modal.alert('Meh.'); 
}); 
};

其中只要是需要判断一下当前页中是否有数据,如果是最后一条的话,就在删除后调用
$("#sorting-advanced").dataTable().fnPageChange( 'previous', true );已回到上一页中
注意$("#sorting-advanced").dataTable().fnPageChange( 'previous'); 是不行的,必需进行刷新,否则页面中显示的iDisplayStart会从cookie中取得,还是删除前的iDisplayStart
Javascript 相关文章推荐
javascript Onunload与Onbeforeunload使用小结
Dec 31 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
js innerHTML 改变div内容的方法
Aug 03 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
Aug 16 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
PHP中CURL的几个经典应用实例
Jan 23 Javascript
jquery.map()方法的使用详解
Jul 09 Javascript
js时间戳转为日期格式的方法
Dec 28 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
老生常谈的跨域处理
Jan 11 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
extjs ColumnChart设置不同的颜色实现代码
May 17 #Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 #Javascript
javascript检测页面是否缩放的小例子
May 16 #Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 #Javascript
js如何获取file控件的完整路径具体实现代码
May 15 #Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
May 15 #Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 #Javascript
You might like
php学习之数据类型之间的转换介绍
2011/06/09 PHP
一些常用的JS功能函数代码
2009/06/23 Javascript
JS学习之一个简易的日历控件
2010/03/24 Javascript
JavaScript为对象原型prototype添加属性的两种方式
2010/08/01 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
2013/01/15 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
浅谈JavaScript字符串拼接
2015/06/25 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
2015/12/23 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
angular 组件通信的几种实现方式
2018/07/13 Javascript
js实现图片实时时钟
2020/01/15 Javascript
Vue 封装防刷新考试倒计时组件的实现
2020/06/05 Javascript
javascript中正则表达式语法详解
2020/08/07 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
使用httplib模块来制作Python下HTTP客户端的方法
2015/06/19 Python
python 写入csv乱码问题解决方法
2016/10/23 Python
python和shell监控linux服务器的详细代码
2018/06/22 Python
Python元组知识点总结
2019/02/18 Python
Python threading的使用方法解析
2019/08/28 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
基于Html5实现的语音搜索功能
2019/05/13 HTML / CSS
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
人事主管岗位职责范本
2013/12/04 职场文书
平面设计师岗位职责
2014/09/18 职场文书
兵马俑导游词
2015/02/02 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
解约证明模板
2015/06/19 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
python常见的占位符总结及用法
2021/07/02 Python