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 相关文章推荐
比较简单实用的使用正则三种版本的js去空格处理方法
Nov 18 Javascript
javascript cookies 设置、读取、删除实例代码
Apr 12 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
Mar 01 Javascript
JS两种定义方式的区别、内部原理
Nov 21 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
Sep 07 Javascript
jQuery实现简单的图片查看器
Sep 11 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
node.js之基础加密算法模块crypto详解
Sep 11 Javascript
JS解惑之Object中的key是有序的么
May 06 Javascript
JavaScript静态作用域和动态作用域实例详解
Jun 17 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
Jul 22 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
Dec 17 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+dbfile开发小型留言本
2006/10/09 PHP
排序算法之PHP版快速排序、冒泡排序
2014/04/09 PHP
PHP中使用curl入门教程
2015/07/02 PHP
Laravel中unique和exists验证规则的优化详解
2018/01/28 PHP
在Laravel5中正确设置文件权限的方法
2019/05/22 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
JS俄罗斯方块,包含完整的设计理念
2010/12/11 Javascript
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
layui 对table中的数据进行转义的实例
2019/09/12 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
用C++封装MySQL的API的教程
2015/05/06 Python
win与linux系统中python requests 安装
2016/12/04 Python
Python使用三种方法实现PCA算法
2017/12/12 Python
Python实现的NN神经网络算法完整示例
2018/06/19 Python
基于pandas中expand的作用详解
2019/12/17 Python
jupyter notebook 多行输出实例
2020/04/09 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
python集合的新增元素方法整理
2020/12/07 Python
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
店长岗位职责
2013/11/21 职场文书
中学生班主任评语
2014/01/30 职场文书
模具专业毕业生自荐书范文
2014/02/19 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
2019自荐信该如何写呢?
2019/07/05 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
Java实现给Word文件添加文字水印
2022/02/15 Java/Android
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python